:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-accent: #d9ff00;--color-accent-hover: #c4e600;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-on-accent: #0f172a;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-border: #334155;--shadow-soft: 0 8px 24px rgba(2, 6, 23, .24)}[data-theme=light]{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e2e8f0;--color-accent: #84cc16;--color-accent-hover: #65a30d;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-on-accent: #ffffff;--color-border: #cbd5e1}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;background:radial-gradient(circle at 0 0,rgba(217,255,0,.08),transparent 35%),var(--color-bg-primary)}.container{width:min(1240px,100%);margin:0 auto;padding:16px}.card{background:color-mix(in srgb,var(--color-bg-secondary) 92%,white 8%);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-soft)}.btn{min-height:44px;border-radius:10px;border:none;padding:0 16px;font-weight:600;cursor:pointer}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-outline{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.input{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-secondary);color:var(--color-text-primary);padding:0 12px}.input:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.muted{color:var(--color-text-secondary)}.dashboard-grid{display:grid;gap:16px;grid-template-columns:1fr}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:color-mix(in srgb,var(--color-bg-secondary) 94%,black 6%);border-top:1px solid var(--color-border);padding:8px;z-index:20}.app-update-banner{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--color-accent) 88%,var(--color-bg-secondary) 12%);color:var(--color-text-on-accent);border-bottom:1px solid color-mix(in srgb,var(--color-accent-hover) 60%,black 40%);min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.app-update-banner-actions{display:flex;gap:8px}.cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;background:color-mix(in srgb,var(--color-bg-secondary) 94%,black 6%);border:1px solid var(--color-border);border-radius:12px;padding:12px;display:grid;gap:10px}.tablet-shell,.desktop-shell{display:none}@media(min-width:768px){.mobile-shell{display:none}.tablet-shell{display:grid;grid-template-columns:84px 1fr;min-height:100vh}.tablet-rail{border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-secondary) 94%,black 6%);padding:16px 8px;display:flex;flex-direction:column;gap:12px;align-items:center}.container{padding:20px}}@media(min-width:1024px){.tablet-shell{display:none}.desktop-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.desktop-sidebar{border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-secondary) 94%,black 6%);padding:24px 16px}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}