:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b13;--panel:#101827c7;--line:#94a3b82e;--text:#eef4ff;--muted:#9ca9bc;--accent:#8b5cf6;--cyan:#22d3ee;--green:#22c55e;--yellow:#f59e0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 0%, #7c3aed52, transparent 34rem), radial-gradient(circle at 80% 5%, #22d3ee2e, transparent 32rem), var(--bg);min-height:100vh;color:var(--text);margin:0}button,select{font:inherit;border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:999px;padding:10px 14px}button{cursor:pointer;align-items:center;gap:8px;transition:all .18s;display:inline-flex}button:hover{border-color:#8b5cf6cc;transform:translateY(-1px)}.app-shell{max-width:1220px;margin:0 auto;padding:36px 24px 72px}.hero{padding:28px 0 18px}.eyebrow{color:#ddd6fe;background:#8b5cf624;border:1px solid #8b5cf65c;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}h1{letter-spacing:-.065em;max-width:980px;margin:18px 0;font-size:clamp(36px,6vw,72px);line-height:.92}.hero p{color:var(--muted);max-width:880px;font-size:17px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin:24px 0 8px;display:flex}.status{color:#c4b5fd!important;font-size:14px!important}.metrics{grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0;display:grid}.metric-card,.panel,.empty{border:1px solid var(--line);background:linear-gradient(#ffffff12,#ffffff09);border-radius:24px;box-shadow:0 30px 90px #00000038}.metric-card{align-items:center;gap:12px;min-height:118px;padding:18px;display:flex}.metric-icon{color:var(--cyan);display:flex}.label{text-transform:uppercase;color:var(--muted);letter-spacing:.09em;font-size:12px}.metric-value{margin-top:6px;font-size:32px;font-weight:850}.good{color:var(--green)}.warn{color:var(--yellow)}.grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.panel{grid-column:span 4;padding:20px;overflow:hidden}.span-8{grid-column:span 8}.span-12{grid-column:1/-1}h2{letter-spacing:-.02em;margin:0 0 14px;font-size:18px}h4{color:var(--muted);margin:14px 0 8px}.insights{gap:12px;margin:0;padding:0;list-style:none;display:grid}.insights li{border-left:3px solid var(--accent);background:#ffffff0a;border-radius:14px;padding:12px 14px}.insights strong{color:#ddd6fe;margin-bottom:4px;display:block}.insights span{color:#d6deeb;line-height:1.55}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 8px}th{color:var(--muted);font-weight:650}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#cffafe;background:#22d3ee1c;border:1px solid #22d3ee40;border-radius:999px;padding:7px 10px;font-size:13px;display:inline-flex}.empty{color:#fde68a;align-items:center;gap:10px;margin:10px 0 16px;padding:16px;display:flex}.events-table{overflow-x:auto}.missing-config{max-width:760px;margin:50px auto;padding:40px}@media (width<=960px){.metrics{grid-template-columns:repeat(2,1fr)}.panel,.span-8{grid-column:1/-1}}@media (width<=640px){.app-shell{padding:22px 14px 48px}.metrics{grid-template-columns:1fr}h1{font-size:42px}}