*,:before,:after{box-sizing:border-box}:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-primary:#1a5fb4;--color-primary-dark:#164e96;--color-text:#1a1a1a;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-input-bg:#f1f3f5;--color-success-bg:#dcfce7;--color-success-text:#15803d;--color-failed-bg:#fee2e2;--color-failed-text:#b91c1c;--color-danger:#dc2626;--font-sans:"Inter", "Segoe UI", sans-serif;--shadow-card:0 4px 24px #0f172a14;--radius-sm:6px;--radius-md:10px;--radius-lg:12px}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.admin-layout{background:#f5f6f8;min-height:100vh;display:flex}.admin-sidebar{background:#fff;border-right:1px solid #e8eaed;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;padding:24px 16px;display:flex}.sidebar-brand{color:#111827;margin:0 0 28px;padding:0 8px;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-link{color:#4b5563;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:#f3f4f6}.sidebar-link.is-active{color:#fff;background:#1a5fb4}.sidebar-logout{color:#4b5563;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-logout:hover{color:#111827;background:#f3f4f6}.admin-content{flex:1;min-width:0}@media (width<=900px){.admin-layout{flex-direction:column}.admin-sidebar{border-bottom:1px solid #e8eaed;border-right:none;width:100%;padding:16px}.sidebar-top{flex-direction:column;gap:12px;display:flex}.sidebar-brand{margin-bottom:0}.sidebar-nav{flex-flow:wrap}.sidebar-logout{align-self:flex-start;width:auto}}.route-loading{background:#f5f6f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.route-loading-spinner{border:3px solid #e5e7eb;border-top-color:#1a5fb4;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite route-spin}@keyframes route-spin{to{transform:rotate(360deg)}}.login-page{background:#f5f6f8;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px 36px 32px;display:flex;box-shadow:0 8px 30px #0f172a14}.login-header{margin-bottom:4px}.login-title{color:#000;letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:500}.login-subtitle{color:#6b7280;margin:0;font-size:14px;font-weight:400;line-height:1.45}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{color:#000;font-size:13px;font-weight:500}.login-field input{color:#111827;background:#f1f3f5;border:none;border-radius:8px;outline:none;width:100%;height:34px;padding:0 14px;font-size:14px;transition:box-shadow .15s}.login-field input::placeholder{color:#9ca3af}.login-field input:focus{box-shadow:0 0 0 2px #1a5fb440}.login-btn{color:#fff;background:#1957a4;border:none;border-radius:8px;width:100%;height:36px;margin-top:4px;font-size:14px;font-weight:500;transition:background .15s}.login-btn:hover{background:#164e96}.login-forgot{color:#1957a4;background:0 0;border:none;align-self:center;margin-top:4px;padding:0;font-size:14px;font-weight:500}.login-forgot:hover{text-decoration:underline}.upload-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.upload-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 40px #0f172a2e}.upload-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 8px;display:flex}.upload-modal-header h2{color:#111827;margin:0 0 6px;font-size:20px;font-weight:700}.upload-modal-header p{color:#6b7280;margin:0;font-size:13px}.upload-close{color:#6b7280;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.upload-close:hover{color:#111827;background:#f3f4f6}.upload-modal-body{flex-direction:column;gap:16px;padding:16px 24px 8px;display:flex}.upload-field{flex-direction:column;gap:8px;display:flex}.upload-field label{color:#111827;font-size:13px;font-weight:600}.upload-file-trigger,.upload-field input[type=date],.upload-field input[type=tel]{color:#111827;text-align:left;background:#f1f3f5;border:none;border-radius:8px;outline:none;width:100%;height:36px;padding:0 14px;font-size:14px}.upload-file-trigger{color:#6b7280}.upload-file-trigger:hover,.upload-field input[type=date]:focus,.upload-field input[type=tel]:focus{box-shadow:0 0 0 2px #1a5fb433}.upload-field input[type=tel]::placeholder{color:#9ca3af}.upload-modal-footer{justify-content:flex-end;gap:10px;padding:20px 24px 24px;display:flex}.upload-btn-cancel,.upload-btn-primary{border-radius:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.upload-btn-cancel{color:#111827;background:#fff;border:1px solid #d1d5db}.upload-btn-cancel:hover{background:#f9fafb}.upload-btn-primary{color:#fff;background:#5b8fd4;border:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.upload-btn-primary:hover{background:#4a7fc4}.upload-btn-primary:disabled,.upload-btn-cancel:disabled,.upload-close:disabled,.upload-file-trigger:disabled{opacity:.7;cursor:not-allowed}.upload-processing{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 24px 32px;display:flex}.upload-processing-icon{color:#1a5fb4;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:inline-flex}.upload-processing h3{color:#111827;margin:0;font-size:18px;font-weight:700}.upload-processing p{color:#6b7280;max-width:340px;margin:0;font-size:13px;line-height:1.5}.upload-processing-loader{color:#1a5fb4;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:600;display:inline-flex}.is-spinning{animation:.8s linear infinite upload-spin}@keyframes upload-spin{to{transform:rotate(360deg)}}.bulk-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.bulk-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 40px #0f172a2e}.bulk-modal-header{justify-content:space-between;align-items:center;padding:22px 24px 12px;display:flex}.bulk-modal-header h2{color:#111827;margin:0;font-size:20px;font-weight:700}.bulk-close{color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.bulk-close:hover{color:#111827;background:#f3f4f6}.bulk-info{color:#6b7280;background:#f3f4f6;border-radius:8px;margin:0 24px 16px;padding:12px 14px;font-size:13px;line-height:1.45}.bulk-info strong{color:#374151;font-weight:600}.bulk-dropzone{color:#6b7280;background:#fff;border:1.5px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:calc(100% - 48px);min-height:180px;margin:0 24px;padding:28px 16px;transition:border-color .15s,background .15s;display:flex}.bulk-dropzone:hover{background:#f8fafc;border-color:#1a5fb4}.bulk-dropzone-icon{color:#9ca3af;margin-bottom:4px}.bulk-dropzone-title{color:#64748b;font-size:14px;font-weight:500}.bulk-dropzone-hint{color:#9ca3af;font-size:12px}.bulk-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;margin-top:20px;padding:16px 24px 24px;display:flex}.bulk-btn-cancel,.bulk-btn-upload{border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.bulk-btn-cancel{color:#111827;background:#fff;border:1px solid #d1d5db}.bulk-btn-cancel:hover{background:#f9fafb}.bulk-btn-upload{color:#fff;background:#94a3b8;border:none}.bulk-btn-upload:hover{background:#8494ab}.report-main{padding:28px 32px 40px}.report-header{margin-bottom:20px}.report-header h2{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:600}.report-header p{color:#6b7280;margin:0;font-size:14px}.report-panel{background:#fff;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.report-toolbar{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.report-filters{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.search-field{color:#9ca3af;background:#f3f3f5;border-radius:8px;align-items:center;gap:8px;min-width:180px;height:36px;padding:0 12px;display:flex}.search-field input{color:#000;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.search-field input::placeholder{color:#717182}.status-select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;min-width:120px;height:38px;padding:0 12px;font-size:13px}.report-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.btn-bulk,.btn-upload{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-bulk{color:#131314;background:#fff;border:1px solid #7f8183}.btn-bulk:hover{background:#eff6ff}.btn-upload{color:#fff;background:#1a5fb4;border:none}.btn-upload:hover{background:#164e96}.report-table-wrap{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table th,.report-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #0000001a;padding:8px 16px}.report-table th{color:#0a0a0a;background:#fff;font-size:14px;font-weight:500}.report-table td{color:#4b5563}.report-table tbody tr:last-child td{border-bottom:none}.report-table tbody tr:hover td{background:#fafbfc}.empty-row{text-align:center!important;color:#9ca3af!important;padding:40px 16px!important}.file-cell{color:#374151;align-items:center;gap:8px;display:inline-flex}.file-cell svg{color:#6b7280;flex-shrink:0}.status-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-pill.is-success{color:#15803d;background:#dcfce7}.status-pill.is-failed{color:#b91c1c;background:#fee2e2}.status-pill.is-pending{color:#4b5563;background:#f3f4f6}.row-actions{align-items:center;gap:4px;display:inline-flex}.row-actions button{color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.row-actions button:hover{color:#111827;background:#f3f4f6}.row-actions button.is-danger{color:#dc2626}.row-actions button.is-danger:hover{background:#fef2f2}@media (width<=900px){.report-main{padding:20px 16px 32px}}.view-reports-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.view-reports-modal{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 20px 40px #0f172a2e}.view-reports-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 8px;display:flex}.view-reports-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.view-reports-header h2{color:#111827;margin:0;font-size:20px;font-weight:700}.view-reports-count{color:#4b5563;background:#f3f4f6;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.view-reports-mobile{color:#6b7280;margin:6px 0 0;font-size:13px}.view-reports-close{color:#6b7280;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.view-reports-close:hover{color:#111827;background:#f3f4f6}.view-reports-search{margin:8px 24px 12px;display:block}.view-reports-search input{color:#111827;background:#f3f3f5;border:none;border-radius:8px;outline:none;width:100%;height:38px;padding:0 14px;font-size:13px}.view-reports-search input::placeholder{color:#717182}.view-reports-search input:focus{box-shadow:0 0 0 2px #1a5fb433}.view-reports-table-wrap{padding:0 12px;overflow-x:auto}.view-reports-table{border-collapse:collapse;width:100%;font-size:13px}.view-reports-table th,.view-reports-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:12px}.view-reports-table th{color:#374151;font-size:12px;font-weight:700}.view-reports-table td{color:#4b5563}.view-reports-table tbody tr:last-child td{border-bottom:none}.view-reports-empty{text-align:center!important;color:#9ca3af!important;padding:28px 12px!important}.view-reports-file{color:#374151;align-items:center;gap:8px;display:inline-flex}.view-reports-file svg{color:#6b7280;flex-shrink:0}.view-reports-download{color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.view-reports-download:hover{color:#111827;background:#f3f4f6}.view-reports-footer{text-align:right;color:#9ca3af;padding:14px 24px 20px;font-size:12px}.users-main{padding:28px 32px 40px}.users-header{margin-bottom:20px}.users-header h2{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:700}.users-header p{color:#6b7280;margin:0;font-size:14px}.users-panel{background:#fff;border:1px solid #e8eaed;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0f172a0a}.users-toolbar{border-bottom:1px solid #e5e7eb;padding:16px 18px}.users-search{color:#9ca3af;background:#f3f3f5;border-radius:8px;align-items:center;gap:8px;max-width:320px;height:36px;padding:0 12px;display:flex}.users-search input{color:#000;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:13px}.users-search input::placeholder{color:#717182}.users-table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table th,.users-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:14px 16px}.users-table th{color:#374151;background:#fff;font-size:12px;font-weight:700}.users-table td{color:#4b5563}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover td{background:#fafbfc}.users-index{color:#9ca3af!important}.users-name{font-weight:600;color:#111827!important}.users-count-pill{color:#374151;background:#f3f4f6;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:24px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.users-view-btn{color:#1a5fb4;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:500;display:inline-flex}.users-view-btn:hover{text-decoration:underline}.users-empty-row{text-align:center!important;color:#9ca3af!important;padding:40px 16px!important}@media (width<=900px){.users-main{padding:20px 16px 32px}.users-search{max-width:100%}}