:root{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #EFF6FF;--bg-page: #EEF1F8;--bg-card: #FFFFFF;--bg-surface-alt: #F8FAFC;--bg-sidebar: #2563EB;--text-heading: #0F172A;--text-body: #1E293B;--text-secondary: #475569;--text-muted: #64748B;--text-disabled: #94A3B8;--text-on-primary: #FFFFFF;--border: #E2E8F0;--border-focus: #2563EB;--success: #16A34A;--success-bg: #F0FDF4;--warning: #D97706;--warning-bg: #FFFBEB;--error: #DC2626;--error-bg: #FEF2F2;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--font-family: "DM Sans", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--text-xs: 11px;--lh-xs: 1.5;--text-sm: 12px;--lh-sm: 1.5;--text-base: 13px;--lh-base:1.6;--text-md: 14px;--lh-md: 1.5;--text-lg: 17px;--lh-lg: 1.4;--text-xl: 20px;--lh-xl: 1.3;--text-2xl: 24px;--lh-2xl: 1.2;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15,23,42,.06);--shadow-md: 0 4px 12px rgba(15,23,42,.1);--shadow-lg: 0 12px 32px rgba(15,23,42,.14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{background:var(--bg-page);color:var(--text-body);font-family:var(--font-family);font-size:var(--text-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{height:100vh;width:100vw;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-surface-alt)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sidebar-scroll::-webkit-scrollbar-track{background:#ffffff14}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:var(--radius-full)}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#bfdbfe;color:#1e3a8a}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1{font-size:var(--text-2xl);font-weight:800;color:var(--text-heading);line-height:var(--lh-2xl)}h2{font-size:var(--text-xl);font-weight:700;color:var(--text-heading);line-height:var(--lh-xl)}h3{font-size:var(--text-lg);font-weight:700;color:var(--text-heading);line-height:var(--lh-lg)}h4{font-size:var(--text-md);font-weight:700;color:var(--text-body);line-height:var(--lh-md)}p{font-size:var(--text-base);color:var(--text-body);line-height:var(--lh-base)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.card-flat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.btn{font-family:inherit;cursor:pointer;font-weight:600;border-radius:var(--radius-md);transition:all .15s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:8px 18px;font-size:12px}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:7px 16px;font-size:12px}.btn-secondary:hover{background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:7px 14px;font-size:12px}.btn-ghost:hover{background:var(--bg-surface-alt)}.btn-sm{padding:4px 12px;font-size:11px}.btn-danger{background:var(--error);color:#fff;border:none;padding:8px 18px;font-size:12px}input,textarea,select,button{font-family:inherit}.inp,input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],textarea,select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-body);padding:8px 11px;font-size:12px;font-family:inherit;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.inp:focus,input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb1a}::placeholder{color:var(--text-disabled)}table{width:100%;border-collapse:collapse}thead{position:sticky;top:0;z-index:2}th{background:var(--bg-surface-alt);color:var(--text-secondary);font-size:11px;font-weight:700;padding:9px 12px;text-align:left;letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-body);vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f8fafc}tbody tr:nth-child(2n) td{background:var(--bg-surface-alt)}tbody tr:nth-child(2n):hover td{background:#f1f5f9}.modal-overlay{position:fixed;inset:0;background:#0f172a73;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:88vh;overflow-y:auto;padding:24px;position:relative}.badge{display:inline-block;padding:2px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;white-space:nowrap;line-height:1.5}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid #BBF7D0}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #FDE68A}.badge-error{background:var(--error-bg);color:var(--error);border:1px solid #FECACA}.badge-info{background:var(--primary-light);color:var(--primary);border:1px solid #BFDBFE}.page-wrapper{padding:20px 24px 48px;height:100%;overflow-y:auto}.page-header{margin-bottom:18px}.page-title{font-size:20px;font-weight:800;color:var(--text-heading);margin:0 0 4px}.page-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-primary{color:var(--text-heading)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s,transform .1s}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-value{font-size:28px;font-weight:900;line-height:1}.kpi-label{font-size:13px;font-weight:600;color:var(--text-body);margin-top:4px}.kpi-sub{font-size:11px;color:var(--text-muted);margin-top:2px}