@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-info-400:#38bdf8;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--bg-primary:#0f0f14;--bg-secondary:#16161e;--bg-tertiary:#1e1e2a;--bg-elevated:#252536;--bg-hover:#2a2a3e;--bg-active:#323248;--surface-card:#1e1e2ab3;--surface-card-hover:#252536d9;--surface-glass:#ffffff0a;--surface-glass-border:#ffffff14;--text-primary:#f1f1f6;--text-secondary:#a0a0b8;--text-tertiary:#6b6b84;--text-muted:#4a4a60;--text-inverse:#0f0f14;--border-default:#ffffff14;--border-subtle:#ffffff0a;--border-strong:#ffffff29;--border-focus:var(--color-primary-500);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #00000059;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 16px 48px #00000080;--shadow-glow:0 0 20px #6366f126;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed-width:64px;--topbar-height:56px;--content-max-width:1400px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-overlay:400;--z-modal:500;--z-toast:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100dvh;overflow-x:hidden}a{color:var(--color-primary-400);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-300)}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary-600);color:#fff}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;display:inline-flex}.badge-success{color:var(--color-success-400);background-color:#22c55e26}.badge-warning{color:var(--color-warning-400);background-color:#f59e0b26}.badge-danger{color:var(--color-danger-400);background-color:#ef444426}.badge-info{color:var(--color-info-400);background-color:#0ea5e926}.badge-neutral{background-color:var(--surface-glass);color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-700));color:#fff;box-shadow:var(--shadow-sm), 0 0 0 0 #6366f100}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-600));box-shadow:var(--shadow-md), 0 0 16px #6366f140;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--surface-glass);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-glass);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg, var(--color-danger-500), var(--color-danger-600));color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, var(--color-danger-400), var(--color-danger-500))}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.form-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #6366f126}.form-input.error{border-color:var(--color-danger-500);box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:var(--text-xs);color:var(--color-danger-400);margin-top:2px}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-normal)}.card:hover{background:var(--surface-card-hover);border-color:var(--border-default)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);text-align:left;background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);white-space:nowrap;position:sticky;top:0}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:3rem}.empty-state-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);max-width:360px;margin-bottom:var(--space-6)}.spinner{border:2px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-lg{border-width:3px;width:32px;height:32px}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid;display:flex}.alert-info{color:var(--color-info-400);background:#0ea5e914;border-color:#0ea5e933}.alert-success{color:var(--color-success-400);background:#22c55e14;border-color:#22c55e33}.alert-warning{color:var(--color-warning-400);background:#f59e0b14;border-color:#f59e0b33}.alert-error{color:var(--color-danger-400);background:#ef444414;border-color:#ef444433}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){:root{--sidebar-width:0px}}