*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#f9f9f9;--bg-hover:#f0f0f5;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#c7c7cc;--border:#e5e5ea;--accent:#1d1d6e;--accent-light:#1d1d6e14;--accent-gold:#c4a35a;--shadow-sm:0 1px 4px #0000000a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 8px 32px #0000001f;--danger:#ff3b30;--success:#34c759;--warning:#ff9500;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}.dark{--bg-primary:#0a0a0f;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-hover:#1f1f3a;--text-primary:#f0f0f5;--text-secondary:#9090a0;--text-muted:#5a5a6e;--border:#2a2a3e;--accent:#7b7bee;--accent-light:#7b7bee1f;--accent-gold:#e8c878;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 32px #00000080;--danger:#ff6b6b;--success:#4cd964;--warning:#ffb340}html{overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .2s,color .2s;overflow-x:hidden}*{box-sizing:border-box}.card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background-color .2s,border-color .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.page-bg{background-color:var(--bg-primary)}.surface{background-color:var(--bg-secondary)}.surface-alt{background-color:var(--bg-tertiary)}input,textarea,select{transition:background-color .2s,color .2s,border-color .2s;background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border-color:var(--border)!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.animate-fade{animation:.2s fadeIn}.dashboard-bg{background-color:var(--bg-primary);min-height:100vh;transition:background-color .2s}.topbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);transition:background-color .2s,border-color .2s}