*{box-sizing:border-box}body{color:#f4f4f5;background:radial-gradient(circle at top,#18181b,#09090b 70%);margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}.login-shell,.app-shell{min-height:100vh}.login-shell{place-items:center;padding:32px;display:grid}.login-card,.panel,.metric-card{background:#18181be6;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 60px #00000059}.login-card{gap:16px;width:min(420px,100%);padding:32px;display:grid}.login-card label{color:#d4d4d8;gap:8px;display:grid}input{color:#fff;background:#111827;border:1px solid #3f3f46;border-radius:12px;padding:12px 14px}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#0ea5e9);border:none;border-radius:12px;padding:12px 18px}.app-shell{gap:24px;padding:24px;display:grid}.hero{justify-content:space-between;align-items:center;gap:16px;display:flex}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.metric-card{border-style:solid;border-width:1px;padding:18px}.metric-label{color:#a1a1aa;font-size:.92rem}.metric-value{margin-top:8px;font-size:2rem;font-weight:700}.metric-helper{color:#71717a;margin-top:8px}.panel{padding:20px}.panel-header{margin-bottom:16px;font-size:1.05rem;font-weight:700}.chart-panel{overflow:hidden}.chart-shell{width:100%;height:300px}.content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.table-wrapper{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #ffffff14;padding:10px 12px}th{color:#a1a1aa;font-size:.85rem}.tabs-row{flex-wrap:wrap;gap:10px;display:flex}.tab-button{color:#d4d4d8;background:#ffffff0d}.tab-button.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9)}.form-grid{gap:14px;display:grid}.form-grid label{color:#d4d4d8;gap:8px;display:grid}textarea,select{color:#fff;font:inherit;background:#111827;border:1px solid #3f3f46;border-radius:12px;padding:12px 14px}.two-up{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.code-panel{white-space:pre-wrap;color:#d4d4d8;background:#09090b;border:1px solid #ffffff14;border-radius:14px;padding:14px;overflow:auto}.status-pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-good{color:#bbf7d0;background:#22c55e2e}.status-bad{color:#fecaca;background:#ef44442e}.status-warn{color:#fde68a;background:#f59e0b2e}.status-neutral{color:#e4e4e7;background:#ffffff14}.muted-copy{color:#a1a1aa}.glow-panel{border-color:#7c3aed73;box-shadow:0 0 0 1px #7c3aed2e,0 24px 80px #7c3aed2e}.error-banner{color:#fecaca;background:#ef44442e;border:1px solid #ef444459;border-radius:12px;padding:12px 14px}