*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0b0b14;--bg-surface:#0f0f1c;--bg-card:#1a1c28;--bg-elevated:#2b2f3e;--bg-hover:#31364a;--border:#ffffff12;--border-strong:#7c3aed4d;--accent:#4b1dff;--accent-violet:#7c3aed;--accent-strong:#3a10ff;--accent-dim:#4b1dff26;--accent-glow:#4b1dff73;--accent-lavender:#b798ff;--gradient-brand:linear-gradient(135deg, #4b1dff 0%, #7c3aed 60%, #b798ff 100%);--gradient-btn:linear-gradient(135deg, #4b1dff 0%, #7c3aed 100%);--gradient-btn-hover:linear-gradient(135deg, #5a2dff 0%, #8b47f5 100%);--gradient-text:linear-gradient(135deg, #4b1dff 0%, #b798ff 100%);--gradient-bg-panel:linear-gradient(145deg, #0b0b14 0%, #0e0b1e 50%, #110d26 100%);--gradient-sidebar:linear-gradient(180deg, #0d0b1c 0%, #0b0b14 100%);--cyan:#06b6d4;--amber:#f59e0b;--purple:#7c3aed;--green:#22c55e;--red:#ef4444;--pink:#ec4899;--text-primary:#f0f0fa;--text-secondary:#9898b0;--text-muted:#5a5a6e;--sidebar-w:220px;--header-h:56px;--font-display:"Sora", sans-serif;--font-body:"Sora", sans-serif;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px #00000080;--shadow:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3}:root[data-theme=light]{--bg-base:#f0eff8;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#e8e6f5;--bg-hover:#ddd9f0;--border:#00000014;--border-strong:#7c3aed33;--accent:#7c3aed;--accent-strong:#4b1dff;--accent-dim:#7c3aed1f;--accent-glow:#4b1dff4d;--accent-lavender:#7c3aed;--cyan:#0891b2;--amber:#d97706;--purple:#7c3aed;--green:#16a34a;--red:#dc2626;--pink:#db2777;--text-primary:#0b0b14;--text-secondary:#3f3f5e;--text-muted:#88a}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea{font-family:var(--font-body)}a{color:inherit;text-decoration:none}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}