.upload-loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999}.upload-loader-box{background:#fff;padding:24px 32px;border-radius:12px;box-shadow:0 8px 30px #00000014;text-align:center}.loader-text{margin-top:12px;font-size:13px;font-weight:600;color:#2e6fcc}.spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top:3px solid #2E6FCC;border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:transparent}.scrollable-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.scrollable-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-navy: #1e3a5f;--brand-blue: #2563eb;--brand-accent: #2563eb;--brand-light: #3b82f6;--brand-red: #e53935;--bg-app: #f0f4f8;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f8ff;--bg-input: #f8fafc;--bg-table-row: #f8fafc;--bg-table-alt: #ffffff;--border: #e2e8f0;--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary:#475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--green: #059669;--yellow: #d97706;--red: #dc2626;--blue: #2563eb;--toggle-on: #2563eb;--toggle-off: #cbd5e1;--font-main: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--sidebar-w: 200px;--topbar-h: 52px;--radius: 8px;--radius-lg: 12px}html,body,#root{height:100%;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-main);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-main);border:none;outline:none}input,select,textarea{font-family:var(--font-main);outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-xs{font-size:11px}.text-sm{font-size:12px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge-green{background:#dcfce7;color:#15803d}.badge-yellow{background:#fef3c7;color:#b45309}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-red{background:#fee2e2;color:#dc2626}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.page-wrapper{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:calc(100vh - var(--topbar-h))}.page-header{display:flex;flex-direction:column;gap:4px}.page-title{font-size:18px;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:12px;color:var(--text-secondary)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 14px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius);font-size:12px;font-weight:600;transition:all .15s}.btn-primary{background:var(--brand-accent);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.btn-danger:hover{background:#fecaca}.input-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text-primary);font-size:12px;width:100%;transition:border .15s}.input-field:focus{border-color:var(--border-focus)}.input-field::placeholder{color:var(--text-muted)}.label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;display:block}.toggle-wrap{display:flex;align-items:center;gap:8px}.toggle{position:relative;width:36px;height:20px;border-radius:10px;background:var(--toggle-off);cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.toggle.on{background:var(--toggle-on)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.on:after{transform:translate(16px)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-label{font-size:11px;color:var(--text-secondary);font-weight:500}.select-field{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:7px 28px 7px 12px;color:var(--text-primary);font-size:12px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select-field:focus{border-color:var(--border-focus)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:12px}.alert-yellow{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}