*{box-sizing:border-box}:root,[data-theme=dark]{--bg:#0f0f0f;--surface:#1a1a1a;--border:#2a2a2a;--text:#eee;--text-muted:#888;--accent:#4ade80;--danger:#f87171}[data-theme=light]{--bg:#f7f7f8;--surface:#fff;--border:#e2e2e5;--text:#17171a;--text-muted:#6b6b74;--accent:#16a34a;--danger:#dc2626}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{max-width:960px;margin:0 auto;padding:24px}.app-loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}header h1{margin-bottom:4px;font-size:1.5rem}header p{color:var(--text-muted);margin-top:0}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.panel h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:.85rem}.metric-value{font-size:1.8rem;font-weight:600}.bar-row{align-items:center;gap:8px;margin:6px 0;font-size:.85rem;display:flex}.bar-track{background:var(--border);border-radius:4px;flex:1;height:10px;overflow:hidden}.bar-fill{background:var(--accent);height:100%}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}button,input,select{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 12px}button{cursor:pointer}button:hover{background:var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.toolbar{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.auth-screen{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex;position:relative}.theme-toggle{border-radius:999px;padding:8px 10px;position:absolute;top:16px;right:16px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:32px;display:flex}.auth-logo{text-align:center;margin-bottom:8px;font-size:1.1rem;font-weight:700}.auth-card h1{text-align:center;margin:0 0 4px;font-size:1.3rem}.auth-subtitle{color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:.9rem}.auth-card form{flex-direction:column;gap:10px;display:flex}.auth-google-button{text-align:center;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px 12px;text-decoration:none;display:block}.auth-google-button:hover{background:var(--border)}.auth-divider{text-align:center;color:var(--text-muted);letter-spacing:.1em;font-size:.75rem}.auth-remember{color:var(--text-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.auth-remember input{width:auto;padding:0}.auth-error{color:var(--danger);margin:0;font-size:.85rem}.auth-link{color:var(--accent);text-align:center;font-size:.85rem;text-decoration:none}.auth-switch{text-align:center;color:var(--text-muted);margin:0;font-size:.85rem}.auth-method-switch{gap:8px;margin-bottom:8px;display:flex}.auth-method-switch button.active{background:var(--accent);color:#0f0f0f}.auth-footer{gap:16px;font-size:.8rem;display:flex}.auth-footer a{color:var(--text-muted);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.not-found-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;display:flex}.not-found-screen h1{margin:0;font-size:4rem}.onboarding-screen{flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding-top:40px;display:flex}.onboarding-progress{background:var(--border);border-radius:999px;width:100%;max-width:480px;height:4px;overflow:hidden}.onboarding-progress-fill{background:var(--accent);height:100%;transition:width .2s}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:32px;display:flex}.onboarding-card pre{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;font-size:.8rem;overflow-x:auto}.onboarding-actions{gap:8px;display:flex}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:16px 12px;display:flex}.sidebar-logo{padding:8px 12px 16px;font-weight:700}.sidebar-link{color:var(--text-muted);border-radius:6px;padding:8px 12px;font-size:.9rem;text-decoration:none;display:block}.sidebar-link:hover{background:var(--border)}.sidebar-link.active{background:var(--accent);color:#0f0f0f;font-weight:600}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 24px;display:flex}.topbar-spacer{flex:1}.topbar-plan-badge{background:var(--border);border-radius:999px;padding:4px 10px;font-size:.75rem}.theme-toggle-inline{border-radius:999px;padding:6px 8px}.topbar-user{color:var(--text-muted);font-size:.85rem}.admin-badge{background:var(--danger);color:#fff;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700}.app-content{padding:24px}.status-dot{border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.green{background:var(--accent)}.status-dot.red{background:var(--danger)}.provider-status-row{padding:4px 0;font-size:.9rem}.system-banner{text-align:center;padding:8px 24px;font-size:.85rem}.system-banner.maintenance{background:var(--danger);color:#fff}.system-banner.announcement{background:var(--accent);color:#0f0f0f}.system-banner.verify-email{background:var(--warning,#b58a00);color:#0f0f0f}.banner-link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.banner-link-button:disabled{cursor:default;opacity:.75}.banner-inline-error{font-size:.85rem}