*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--accent:#f5c542;--accent-dim:#d4a82a;--bg:#0d0a1a;--bg-sidebar:#080514;--bg-card:#16112b;--bg-card2:#1e1838;--border:#2a2250;--text:#ede9fe;--text-muted:#8b7eae;--text-dim:#5a4f82;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #00000080}[data-theme=light]{--primary:#7c3aed;--primary-dark:#6d28d9;--primary-light:#8b5cf6;--accent:#5b21b6;--accent-dim:#4c1d95;--bg:#faf8ff;--bg-sidebar:#f0ebff;--bg-card:#fff;--bg-card2:#f5f0ff;--border:#ddd5f5;--text:#1a0b3b;--text-muted:#6b5a9a;--text-dim:#9b87c0;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #00000014}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;transition:background .2s,color .2s}input,textarea,select,button{font-family:inherit;font-size:inherit}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--bg-card2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--text-muted);padding:8px}.btn-ghost:hover{color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-full{width:100%}.input{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:10px 14px;transition:border-color .15s}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-dim)}select.input option{background:var(--bg-card2)}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#34d39926}.badge-warning{color:var(--warning);background:#fbbf2426}.badge-danger{color:var(--danger);background:#f8717126}.badge-primary{color:var(--primary-light);background:#8b5cf626}.divider{background:var(--border);height:1px;margin:16px 0}.page{max-width:640px;margin:0 auto;padding:20px}.page-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-title{font-size:20px;font-weight:700}.bottom-nav-spacer{height:80px}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.toggle-btn{color:var(--text-muted);text-align:center;border-radius:6px;flex:1;padding:6px 12px;font-size:13px;font-weight:600;transition:all .15s}.toggle-btn.active{background:var(--primary);color:#fff}