.drop-zone{border:1.5px dashed #d1d5db;border-radius:6px;padding:30px 20px;text-align:center;background:#fafbfc;transition:all .25s ease;cursor:pointer;position:relative;min-height:150px}.drop-zone:hover{border-color:#9ca3af;background:#f8f9fa}.drop-zone.drag-over{border-color:#007bff;background:#e7f1ff;transform:scale(1.01)}.drop-zone.has-files{padding:20px}.drop-zone-empty{display:block}.drop-zone.has-files .drop-zone-empty{display:none}.drop-zone-icon{font-size:52px;color:#007bff;display:block;margin-bottom:12px}.drop-zone-text{font-size:18px;font-weight:500;color:#1a202c}.drop-zone-hint{font-size:14px;color:#6c757d;margin-top:6px}.drop-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;z-index:2}.drop-zone-files{display:none;max-height:350px;overflow-y:auto;margin-top:10px}.drop-zone.has-files .drop-zone-files{display:block}.drop-zone-files::-webkit-scrollbar{width:6px}.drop-zone-files::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.file-item{display:flex;align-items:center;padding:10px 14px;background:#fff;border-radius:10px;margin-bottom:6px;border:1px solid #e9ecef;transition:all .15s;animation:slideIn .25s ease;text-align:left;gap:10px;flex-wrap:nowrap}.file-item:hover{background:#f8f9fa;border-color:#dee2e6}.file-item .file-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center;color:#007bff}.file-item .file-info{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-item .file-name{font-weight:500;color:#1a202c;font-size:14px;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.4}.file-item .file-size{font-size:12px;color:#6c757d;flex-shrink:0;white-space:nowrap}.file-item .file-status{font-size:12px;font-weight:500;padding:3px 12px;border-radius:20px;background:#e9ecef;color:#495057;flex-shrink:0;white-space:nowrap;min-width:90px;text-align:center}.file-item .file-status.uploading{background:#cce5ff;color:#004085}.file-item .file-status.uploaded{background:#d4edda;color:#155724}.file-item .file-status.error{background:#f8d7da;color:#721c24}.file-item .btn-remove{background:transparent;border:none;color:#adb5bd;padding:0 4px;font-size:16px;cursor:pointer;transition:color .15s;flex-shrink:0;z-index:3;position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.file-item .btn-remove:hover{color:#dc3545}.file-item .btn-remove .fa{font-size:14px}.files-counter{display:none;font-size:13px;color:#6c757d;padding:6px 12px;background:#f1f3f5;border-radius:8px;margin-bottom:10px;text-align:left}.drop-zone.has-files .files-counter{display:block}@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.upload-progress{margin-top:8px}.upload-progress .progress{height:6px;border-radius:10px}.status-alert{margin-top:16px;display:none}.status-alert.show{display:block}.badge-count{background:#007bff;color:#fff;padding:2px 10px;border-radius:30px;font-size:13px;font-weight:500}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}@keyframes fa-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}@media (max-width:768px){.card-body{padding:20px}.card-header{padding:18px 20px}.card-header h4{font-size:18px}.drop-zone{padding:20px 15px;min-height:150px}.drop-zone.has-files{padding:15px}.drop-zone-icon{font-size:40px}.drop-zone-text{font-size:16px}}@media (max-width:576px){.file-item{padding:8px 10px;gap:6px;flex-wrap:wrap}.file-item .file-icon{font-size:18px;width:24px}.file-item .file-info{flex:1 1 100%;order:1;gap:4px;width:100%}.file-item .file-name{font-size:13px;word-break:break-word;overflow-wrap:break-word;max-width:100%;flex:1 1 auto;min-width:60px}.file-item .file-size{font-size:11px;flex-shrink:0}.file-item .file-status{font-size:11px;padding:2px 10px;min-width:70px;order:2;flex-shrink:0}.file-item .btn-remove{order:3;flex-shrink:0;width:20px;height:20px}.file-item .btn-remove .fa{font-size:12px}.files-counter{font-size:12px;padding:4px 10px}.upload-btn{font-size:14px;padding:10px}}@media (max-width:400px){.file-item .file-info{flex-wrap:wrap}.file-item .file-name{font-size:12px;min-width:50px}.file-item .file-status{font-size:10px;padding:2px 8px;min-width:60px}.file-item .file-size{font-size:10px}}.file-name-long{word-break:break-all}