:root{--bg:#f5f7fb;--surface:#fff;--text:#1c2333;--muted:#5b667a;--primary:#4f46e5;--primary-text:#fff;--border:#dde2ee;--nav-h:64px;--top-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--bg:#0f1420;--surface:#1a2030;--text:#e8ecf5;--muted:#9aa6bd;--primary:#818cf8;--primary-text:#0f1420;--border:#2b3347;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);line-height:1.6}.app{min-height:100vh}.topbar{z-index:10;height:var(--top-h);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.brand{font-size:1.1rem;font-weight:700}.theme-btn{border:1px solid var(--border);background:var(--bg);min-height:40px;color:var(--text);cursor:pointer;border-radius:20px;padding:0 14px;font-size:.9rem}.nav{z-index:10;height:var(--nav-h);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-link{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;text-decoration:none;display:flex}.nav-link.active{color:var(--primary);font-weight:700}.nav-icon{font-size:1.3rem}.content{padding:16px 16px calc(var(--nav-h) + 24px);max-width:900px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.card h1{margin-top:0;font-size:1.4rem}@media (width>=768px){.nav{top:var(--top-h);border-top:none;border-right:1px solid var(--border);flex-direction:column;justify-content:flex-start;gap:4px;width:200px;height:auto;padding:12px;bottom:0;right:auto}.nav-link{border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;gap:10px;padding:10px 12px;font-size:1rem}.nav-link.active{background:var(--bg)}.content{max-width:none;margin-left:200px;padding:24px 32px}}.top-actions{align-items:center;gap:8px;display:flex}.user-name{color:var(--muted);font-size:.9rem;display:none}.loading{color:var(--muted);padding:24px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{text-align:center;width:100%;max-width:380px}.login-card>div{justify-content:center;display:flex}@media (width>=768px){.user-name{display:inline}}