:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--bg-elevated:#0b0b0d;--panel:#ffffff08;--panel-hover:#ffffff0d;--border:#ffffff14;--border-hover:#00f0ff4d;--text:#ededed;--text-dim:#9ca3af;--text-faint:#6b7280;--accent:#00f0ff;--accent-dim:#00f0ff8c;--accent-glow:#00f0ff59;--accent-soft:#00f0ff17;--series-1:#00f0ff;--series-2:#f5a623;--pos:#34d399;--neg:#f87171;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Space Grotesk", var(--font-sans);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--radius:14px;--radius-sm:8px;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;font-size:15px;line-height:1.5}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 12% -5%,#00f0ff0f,#0000 60%),radial-gradient(50% 45% at 100% 0,#1e3a8a1a,#0000 60%);position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app-shell{z-index:1;max-width:1180px;margin:0 auto;padding:32px 24px 72px;position:relative}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.refresh-spinner{border:2px solid #00f0ff33;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:19px;font-weight:700}.brand-mark .dot{color:var(--accent)}.brand-sub{color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.range-switch{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;display:inline-flex}.range-switch button{color:var(--text-dim);font:inherit;cursor:pointer;min-height:36px;transition:color .15s var(--ease-out), background .15s var(--ease-out);background:0 0;border:none;border-radius:6px;padding:7px 13px;font-size:13px}.range-switch button:hover:not(.active){color:var(--text)}.range-switch button.active{background:var(--accent-soft);color:var(--accent)}.range-switch button:active{transform:scale(.96)}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);font:inherit;border-radius:var(--radius-sm);cursor:pointer;min-height:38px;transition:color .15s var(--ease-out), border-color .15s var(--ease-out), transform .12s var(--ease-out);background:0 0;padding:8px 14px;font-size:13px}.btn-ghost:hover{color:var(--text);border-color:var(--border-hover)}.btn-ghost:active{transform:scale(.97)}.btn-primary{background:var(--accent);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--bg);font:inherit;cursor:pointer;transition:transform .12s var(--ease-out), box-shadow .22s var(--ease-out), opacity .2s var(--ease-out);border:none;margin-top:4px;padding:12px;font-size:14px;font-weight:600}.btn-primary:hover{box-shadow:0 0 26px -6px var(--accent-glow)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn-link{color:var(--text-dim);font:inherit;cursor:pointer;transition:color .15s var(--ease-out);background:0 0;border:none;padding:6px;font-size:13px}.btn-link:hover{color:var(--accent)}.login-shell{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:360px;max-width:100%;padding:32px;box-shadow:0 30px 80px -40px #000c}.login-card .brand-mark{font-size:22px}.login-lede{color:var(--text-dim);margin:6px 0 22px;font-size:13px}.login-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000040;gap:4px;margin-bottom:20px;padding:3px;display:flex}.login-tabs button{color:var(--text-dim);font:inherit;cursor:pointer;min-height:40px;transition:background .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:none;border-radius:6px;flex:1;padding:9px;font-size:13px}.login-tabs button.active{background:var(--accent-soft);color:var(--accent)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-dim);font-size:12px;font-weight:500}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text);font:inherit;transition:border-color .15s var(--ease-out);background:#00000040;padding:11px 13px;font-size:14px}.field input::placeholder{color:var(--text-faint)}.field input:focus{border-color:var(--accent-dim);outline:none}.field input:focus-visible{border-color:var(--accent);outline:none}.login-error{color:var(--neg);border-radius:var(--radius-sm);background:#f8717114;border:1px solid #f8717133;margin-bottom:14px;padding:10px 12px;font-size:13px}.login-sent-icon{color:var(--accent);margin-bottom:8px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);padding:18px 20px}.stat-card:hover{border-color:var(--border-hover);background:var(--panel-hover)}.stat-card .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.stat-card .value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:30px;font-weight:600;line-height:1.1}.stat-delta{font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-top:10px;font-size:12.5px;font-weight:500;display:inline-flex}.stat-delta.up{color:var(--pos)}.stat-delta.down{color:var(--neg)}.stat-delta.flat{color:var(--text-faint)}.stat-delta .cmp{color:var(--text-faint);font-weight:400}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:22px 22px 16px}.panel--hero{box-shadow:0 0 0 1px #00f0ff08, 0 24px 70px -40px var(--accent-glow);border-color:#00f0ff29}.panel h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:0 0 18px;font-size:12px;font-weight:600}.panel-grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=800px){.panel-grid-2,.panel-grid-3{grid-template-columns:1fr}}.conv-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.conv-item{border-radius:var(--radius-sm);background:#00f0ff0a;border:1px solid #00f0ff24;padding:16px}.conv-value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:26px;font-weight:600}.conv-label{color:var(--text-dim);margin-top:4px;font-size:12.5px}.insights-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.insight-card{border:1px solid var(--border);border-left:3px solid var(--text-faint);border-radius:var(--radius-sm);background:#ffffff05;padding:14px 16px}.insight-card.sev-high{border-left-color:var(--accent)}.insight-card.sev-medium{border-left-color:var(--series-2)}.insight-card.sev-info{border-left-color:var(--text-dim)}.insight-kind{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:6px;font-size:11px}.insight-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.insight-rec{color:var(--text-dim);margin:8px 0 12px;font-size:13px;line-height:1.45}.insight-metrics{flex-wrap:wrap;gap:14px;display:flex}.insight-metric{flex-direction:column;gap:2px;display:flex}.im-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-size:10.5px}.im-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:14px;font-weight:600}.breakdown{flex-direction:column;gap:12px;display:flex}.breakdown-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:13px;display:flex}.breakdown-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breakdown-val{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0}.breakdown-pct{color:var(--text-faint);margin-left:8px}.breakdown-track{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));height:100%;transition:width .4s var(--ease-out);border-radius:3px}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11.5px;font-weight:500}td{color:var(--text);border-bottom:1px solid #ffffff0a;padding:10px}tbody tr{transition:background .12s var(--ease-out)}tbody tr:hover{background:#ffffff05}tbody tr:last-child td{border-bottom:none}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 37%,#ffffff0a 63%) 0 0/400% 100%;animation:1.4s infinite shimmer}.skeleton-stat{height:96px}.skeleton-panel{height:300px;margin-bottom:20px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.state-msg{z-index:1;text-align:center;max-width:420px;color:var(--text-dim);flex-direction:column;align-items:center;gap:14px;margin:0 auto;padding:80px 24px;display:flex;position:relative}.state-msg .state-title{color:var(--text);font-size:16px;font-weight:600}.state-msg .icon{color:var(--neg)}.empty-cell{text-align:center;color:var(--text-faint);padding:28px 10px;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
