@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--input-bg:#f8fafc;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#c7d2fe;--color-primary-glow:#6366f126;--color-accent:#a855f7;--color-accent-hover:#9333ea;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-danger-text:#b91c1c;--shadow-card:0 10px 25px #6366f114;--shadow-button:0 4px 6px #6366f11a}[data-theme=dark]{--bg-primary:#0a0e1a;--bg-card:#151b2d;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#2d3748;--input-bg:#1e293b;--color-primary:#818cf8;--color-primary-hover:#a5b4fc;--color-primary-light:#312e81;--color-primary-glow:#818cf866;--color-accent:#c084fc;--color-accent-hover:#d8b4fe;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-danger-bg:#450a0a;--color-danger-border:#7f1d1d;--color-danger-text:#fca5a5;--shadow-card:0 10px 25px #00000080;--shadow-button:0 4px 6px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}body{min-width:320px;min-height:100vh}[data-theme=dark] html,[data-theme=dark] body{background-color:#0a0e1a!important}[data-theme=light] html,[data-theme=light] body{background-color:#f8fafc!important}[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}[data-theme=dark] ::selection{background:var(--color-primary);color:#fff}[data-theme=dark] :focus{outline-color:var(--color-primary)}[data-theme=dark] a{color:var(--color-primary-hover)}[data-theme=dark] a:hover{color:var(--color-accent)}.app-wrapper{background-color:var(--bg-primary);min-height:100vh}.container{max-width:1440px;margin:0 auto;padding:20px}.top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.main-nav{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border-color);border-radius:16px;gap:8px;padding:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{background:var(--input-bg);color:var(--color-primary)}.nav-link.router-link-active{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff}.nav-icon{flex-shrink:0;font-size:16px}.theme-toggle{border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-card);border-radius:50%;font-size:20px;transition:all .2s}.theme-toggle:hover{border-color:var(--color-primary);transform:scale(1.1)}.main-content{min-height:calc(100vh - 140px)}@media (width<=768px){.container{padding-bottom:90px}.main-nav{width:100%;padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--border-color);z-index:999;border-radius:20px 20px 0 0;justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.nav-link{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:8px 4px;font-size:11px}.nav-link.router-link-active{color:#fff;background:0 0}.nav-icon{font-size:24px}}