*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app:#0a0a0f;--bg-card:#12121a;--bg-card-hover:#18182a;--bg-input:#1a1a25;--bg-sidebar:#0d0d14;--bg-modal-overlay:#0009;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--border:#27272a;--border-hover:#3f3f46;--accent:#6366f1;--accent-hover:#818cf8;--accent-muted:#6366f126;--accent-contrast:#fff;--blue:#3b82f6;--blue-muted:#3b82f626;--green:#22c55e;--green-muted:#22c55e26;--red:#ef4444;--red-muted:#ef444426;--yellow:#eab308;--yellow-muted:#eab30826;--orange:#f97316;--orange-muted:#f9731626;--cyan:#06b6d4;--cyan-muted:#06b6d426;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--sidebar-width:260px;--sidebar-collapsed:64px;--header-height:0px}[data-theme=light]{--bg-app:#f4f4f5;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-input:#f4f4f5;--bg-sidebar:#fff;--bg-modal-overlay:#0000004d;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--border:#e4e4e7;--border-hover:#d4d4d8;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 32px #0000001f}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{min-height:100vh;display:flex}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}h1{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.2}h2{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.3}h3{font-size:16px;font-weight:600;line-height:1.4}h4{font-size:14px;font-weight:600;line-height:1.4}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-slideInRight{animation:.3s forwards slideInRight}.animate-slideInLeft{animation:.3s forwards slideInLeft}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.stagger-grid>*{opacity:0;animation:.4s forwards fadeIn}.stagger-grid>:first-child{animation-delay:0s}.stagger-grid>:nth-child(2){animation-delay:60ms}.stagger-grid>:nth-child(3){animation-delay:.12s}.stagger-grid>:nth-child(4){animation-delay:.18s}.stagger-grid>:nth-child(5){animation-delay:.24s}.stagger-grid>:nth-child(6){animation-delay:.3s}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border);background:var(--bg-card);z-index:1;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}tbody td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px 12px}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}input,select,textarea{font-family:var(--font-family);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:10px 12px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}button{font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.page-content{flex:1;max-height:100vh;padding:32px;overflow-y:auto}.progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent), var(--blue));border-radius:3px;height:100%;transition:width .5s}::selection{background:var(--accent-muted);color:var(--accent)}@media (width<=1200px){.page-content{padding:24px}}@media (width<=768px){.page-content{padding:16px}}