:root{--primary:#7c3aed;--primary-dark:#6d28d9;--primary-light:#ede9fe;--primary-glow:#7c3aed40;--accent:#3b82f6;--accent-light:#dbeafe;--gradient:linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--gradient-subtle:linear-gradient(135deg, #ede9fe 0%, #dbeafe 100%);--grey-50:#faf9ff;--grey-100:#f3f1fb;--grey-200:#e9e5f5;--grey-300:#d8d2ea;--grey-400:#a49cbe;--grey-500:#6f6890;--grey-600:#524b73;--grey-700:#3b3560;--grey-800:#2a2450;--grey-900:#1e1b4b;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--text:var(--grey-900);--text-secondary:var(--grey-500);--text-muted:var(--grey-400);--bg:#f5f3ff;--surface:#fff;--border:var(--grey-200);--border-strong:var(--grey-300);--sidebar-bg:linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #1e3a5f 100%);--sidebar-text:#c4b5fd;--sidebar-active:#ffffff26;--text-primary:var(--text);--card-bg:var(--surface);--bg-card:var(--surface);--warn:var(--warning);--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:14px;--radius-full:999px;--shadow-sm:0 1px 2px #141a240d;--shadow:0 1px 2px #141a240d, 0 2px 6px #141a240a;--shadow-md:0 2px 4px #141a240d, 0 6px 16px #141a240f;--shadow-lg:0 4px 8px #141a240d, 0 16px 32px #141a2414;--shadow-glow:0 0 0 3px var(--primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:proportional-nums;line-height:1.55}#app{min-height:100vh}::selection{background:var(--primary-light);color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius);font-size:var(--text-base);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-family:inherit;font-weight:500;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:active:not(:disabled){background:var(--primary-dark);box-shadow:none}.btn-outline{background:var(--surface);color:var(--grey-700);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled){background:var(--grey-50);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:#c43f3a}.btn-ghost{color:var(--grey-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--grey-100);color:var(--text)}.btn-sm{padding:5px var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.input,select.input,textarea.input{width:100%;padding:8px var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);font-size:var(--text-base);color:var(--text);background:var(--surface);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.input:hover{border-color:var(--grey-400)}.input:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.input::placeholder{color:var(--text-muted)}.input:disabled{background:var(--grey-100);color:var(--text-secondary);cursor:not-allowed}.label{font-size:var(--text-base);color:var(--grey-700);margin-bottom:var(--space-2);font-weight:500;display:block}.field{margin-bottom:var(--space-5)}.hint{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.toggle{cursor:pointer;flex:none;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle .slider{background:var(--grey-300);border-radius:var(--radius-full);transition:background-color .18s;position:absolute;inset:0}.toggle .slider:before{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .18s;position:absolute;top:2px;left:2px}.toggle input:checked+.slider{background:var(--primary)}.toggle input:checked+.slider:before{transform:translate(18px)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;line-height:1.5;display:inline-flex}.badge-success{background:var(--success-light);color:#0a6b4d}.badge-danger{background:var(--danger-light);color:#9d2f2b}.badge-info{background:var(--primary-light);color:var(--primary-dark)}.badge-warning{background:var(--warning-light);color:#8a5504}.badge-neutral{background:var(--grey-100);color:var(--grey-600)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card .stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-1);text-transform:none;letter-spacing:0;order:-1;font-weight:500}.stat-card .stat-value{font-size:var(--text-2xl);color:var(--text);-webkit-text-fill-color:currentColor;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:0 0;font-weight:600;line-height:1.15}a.stat-card{color:inherit;text-decoration:none;display:block}a.stat-card:hover{border-color:var(--border-strong)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{padding:10px var(--space-4);text-align:left}th{font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;background:0 0;font-weight:500}td{font-size:var(--text-base);border-bottom:1px solid var(--border);color:var(--grey-700)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background-color .12s}tbody tr:hover td{background:var(--grey-50)}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}.error-msg{color:#9d2f2b;font-size:var(--text-base);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-light);border-radius:var(--radius)}.page-title{font-size:var(--text-xl);color:var(--text);margin-bottom:var(--space-6);letter-spacing:-.02em;font-weight:600}.section-title{font-size:var(--text-md);color:var(--text);margin-bottom:var(--space-3);font-weight:600}.muted{color:var(--text-secondary)}.small{font-size:var(--text-sm)}.loading{color:var(--text-secondary);padding:var(--space-12);text-align:center}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-secondary)}.empty-state h3{font-size:var(--text-md);color:var(--text);margin-bottom:var(--space-1);font-weight:600}.empty-state p{font-size:var(--text-base);max-width:380px;margin:0 auto var(--space-5)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}