:root{--primary: #2f54eb;--primary-strong: #1d39c4;--primary-soft: #eef2ff;--primary-contrast: #ffffff;--bg: #f3f5fa;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef1f6;--text: #0f172a;--text-2: #46536b;--text-3: #8b98af;--border: #e3e8f0;--border-strong: #cbd5e1;--success: #16a34a;--success-soft: #e8f7ee;--warning: #d97706;--warning-soft: #fdf3e2;--danger: #dc2626;--danger-soft: #fdeaea;--neutral: #64748b;--neutral-soft: #eef1f5;--info: #0284c7;--info-soft: #e6f4fb;--sidebar-bg: #0d1322;--sidebar-bg-2: #101a30;--sidebar-text: #93a1bd;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(97, 131, 255, .16);--sidebar-border: rgba(255, 255, 255, .07);--shadow-1: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .06);--shadow-2: 0 4px 14px rgba(15, 23, 42, .08);--shadow-3: 0 12px 40px rgba(15, 23, 42, .16);--radius-s: 8px;--radius-m: 12px;--radius-l: 16px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--chart-1: #2f54eb;--chart-2: #7c9aff;--chart-3: #16a34a;--chart-4: #d97706;--chart-5: #dc2626;--chart-track: #edf0f6;--overlay: rgba(10, 15, 30, .45)}html[data-theme=dark]{--primary: #6d8dff;--primary-strong: #8ba5ff;--primary-soft: rgba(109, 141, 255, .14);--primary-contrast: #0b1220;--bg: #0b1120;--surface: #121a2e;--surface-2: #172136;--surface-3: #1c2740;--text: #e8edf8;--text-2: #a6b3cd;--text-3: #66738e;--border: #232f4a;--border-strong: #33415f;--success: #34d178;--success-soft: rgba(52, 209, 120, .13);--warning: #f5a936;--warning-soft: rgba(245, 169, 54, .13);--danger: #f06a6a;--danger-soft: rgba(240, 106, 106, .13);--neutral: #94a3b8;--neutral-soft: rgba(148, 163, 184, .13);--info: #4cb8e8;--info-soft: rgba(76, 184, 232, .13);--sidebar-bg: #0a0f1d;--sidebar-bg-2: #0d1526;--sidebar-text: #8492b0;--sidebar-text-active: #ffffff;--sidebar-active-bg: rgba(109, 141, 255, .18);--sidebar-border: rgba(255, 255, 255, .06);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 14px rgba(0, 0, 0, .35);--shadow-3: 0 12px 40px rgba(0, 0, 0, .5);--chart-1: #6d8dff;--chart-2: #3b5bd9;--chart-3: #34d178;--chart-4: #f5a936;--chart-5: #f06a6a;--chart-track: #1c2740;--overlay: rgba(2, 6, 16, .62)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.015em}p{margin:0}a{color:var(--primary);text-decoration:none}::selection{background:var(--primary-soft)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}.mono,.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--radius-s);border:1px solid transparent;font:600 13.5px/1 var(--font);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .05s;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-soft-danger{background:var(--danger-soft);color:var(--danger)}.btn-soft-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:7px}.btn-lg{height:44px;padding:0 22px;font-size:14.5px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-s);border:none;background:transparent;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font:600 12.5px/1 var(--font);color:var(--text-2)}.field .hint{font-size:12px;color:var(--text-3)}.field .error{font-size:12px;color:var(--danger);font-weight:500}.input,.select{width:100%;height:38px;padding:0 12px;border-radius:var(--radius-s);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:500 13.5px var(--font);outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input.invalid{border-color:var(--danger)}.input.invalid:focus{box-shadow:0 0 0 3px var(--danger-soft)}.select{appearance:none;cursor:pointer}input[type=date].input{padding-right:8px}html[data-theme=dark] input[type=date].input::-webkit-calendar-picker-indicator{filter:invert(.8)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-m);box-shadow:var(--shadow-1)}.card-pad{padding:20px}.badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font:600 11.5px/1 var(--font);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--neutral-soft);color:var(--neutral)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge.no-dot:before{display:none}.tbl{width:100%;border-collapse:collapse}.tbl th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--text-2);font:600 11.5px/1.2 var(--font);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr:last-child td{border-bottom:none}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--primary)}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 45%,var(--surface-3) 65%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anim-fade-up{animation:fade-up .25s ease both}.flex{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12.5px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}