:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07101d;--panel:#0c1726;--panel-2:#101d2d;--panel-3:#142235;--line:#ffffff14;--text:#f5f7fb;--muted:#8fa1b7;--accent:#6ee7b7;--accent-2:#60a5fa;--warning:#fbbf24;--danger:#fb7185;--shadow:0 18px 55px #0000003d;--radius:18px}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 8% -10%, #60a5fa29, transparent 30%), radial-gradient(circle at 88% 8%, #6ee7b71a, transparent 24%), var(--bg);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#07101dd6;height:100vh;padding:22px 16px;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:11px;padding:7px 9px 21px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(145deg, var(--accent-2), var(--accent));color:#04111c;border-radius:11px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 28px #60a5fa2e}.nav-label{color:#667a92;text-transform:uppercase;letter-spacing:.12em;margin:17px 10px 8px;font-size:11px;font-weight:800}.nav{gap:4px;display:grid}.nav a{color:#9eb0c4;border-radius:11px;align-items:center;gap:11px;min-height:42px;padding:0 11px;font-size:14px;font-weight:650;display:flex}.nav a:hover{color:#fff;background:#ffffff0b}.nav a.active{color:#fff;background:linear-gradient(90deg,#60a5fa24,#6ee7b714);box-shadow:inset 0 0 0 1px #60a5fa24}.nav-icon{text-align:center;color:#7389a1;width:18px}.nav a.active .nav-icon{color:var(--accent)}.sidebar-foot{position:absolute;bottom:18px;left:16px;right:16px}.help-card{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:14px;padding:13px;font-size:12px;line-height:1.45}.main{min-width:0}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101dc7;align-items:center;gap:12px;min-height:72px;padding:12px 28px;display:flex;position:sticky;top:0}.mobile-menu{display:none}.select-wrap{border:1px solid var(--line);background:#ffffff06;border-radius:11px;align-items:center;gap:7px;padding:7px 10px;display:flex}.select-wrap span{color:var(--muted);font-size:12px}.select-wrap select{color:#fff;background:0 0;border:0;outline:none;max-width:180px;font-weight:700}.select-wrap option{color:#111827}.topbar-spacer{flex:1}.demo-pill,.status-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.demo-pill{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf2438}.user-chip{align-items:center;gap:9px;padding-left:10px;display:flex}.avatar{color:#d8fff0;background:linear-gradient(145deg,#1e3a5f,#1b4d44);border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.user-copy strong{font-size:12px;display:block}.user-copy span{color:var(--muted);margin-top:2px;font-size:10px;display:block}.content{width:min(1500px,100%);margin:0 auto;padding:28px}.page-head{align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,3vw,34px)}.page-head p{color:var(--muted);margin:7px 0 0;font-size:14px}.page-actions{gap:8px;margin-left:auto;display:flex}.button{border:1px solid var(--line);color:#dce7f3;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 13px;font-size:13px;font-weight:700;display:inline-flex}.button.primary{color:#03130f;background:linear-gradient(135deg, var(--accent), #34d399);border-color:#0000}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius);min-height:132px;box-shadow:var(--shadow);background:linear-gradient(160deg,#ffffff0b,#ffffff05);padding:18px;position:relative;overflow:hidden}.metric:after{content:"";background:#60a5fa12;border-radius:50%;width:80px;height:80px;position:absolute;top:-35px;right:-35px}.metric-label{color:var(--muted);font-size:12px;font-weight:700}.metric-value{letter-spacing:-.04em;margin-top:11px;font-size:30px;font-weight:850}.metric-foot{color:var(--muted);align-items:center;gap:7px;margin-top:9px;font-size:11px;display:flex}.up{color:var(--accent);font-weight:800}.down{color:var(--danger);font-weight:800}.grid-2{grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:16px;display:grid}.grid-even{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(160deg,#ffffff09,#ffffff04);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:62px;padding:15px 18px;display:flex}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:14px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.panel-head .grow{flex:1}.panel-body{padding:18px}.chart{width:100%;height:245px}.chart-grid line{stroke:#ffffff0e;stroke-width:1px}.chart-fill{fill:url(#areaFill)}.chart-line{fill:none;stroke:#6ee7b7;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.legend{color:var(--muted);gap:16px;font-size:11px;display:flex}.legend i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#6f849c;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:11px 13px;font-size:10px}td{color:#d8e2ee;border-bottom:1px solid #ffffff0e;padding:13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff05}.muted{color:var(--muted)}.rank{min-width:30px;height:25px;color:var(--accent);background:#6ee7b714;border-radius:7px;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.status-pill.ok{color:#8cf3cd;background:#6ee7b717}.status-pill.warn{color:#fcd34d;background:#fbbf2417}.status-pill.off{color:#a4b3c4;background:#ffffff0d}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.stack{gap:10px;display:grid}.integration{border:1px solid var(--line);background:#ffffff05;border-radius:13px;align-items:center;gap:12px;padding:14px;display:flex}.integration-icon{color:#93c5fd;background:#60a5fa14;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.integration-copy{flex:1;min-width:0}.integration-copy strong{font-size:13px;display:block}.integration-copy span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.kpi-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-kpi{border:1px solid var(--line);background:#ffffff06;border-radius:12px;padding:13px}.mini-kpi span{color:var(--muted);font-size:10px;display:block}.mini-kpi strong{margin-top:5px;font-size:18px;display:block}.module-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(120deg,#60a5fa18,#0000 42%),linear-gradient(160deg,#ffffff08,#ffffff03);margin-bottom:16px;padding:22px}.module-hero h2{margin:0 0 7px;font-size:19px}.module-hero p{color:var(--muted);max-width:760px;margin:0;font-size:13px;line-height:1.55}.empty{text-align:center;min-height:220px;color:var(--muted);place-items:center;display:grid}.empty strong{color:#fff;margin-bottom:6px;display:block}.hero-public{place-items:center;min-height:100vh;padding:28px;display:grid}.hero-inner{text-align:center;width:min(1080px,100%)}.hero-badge{color:#a7f3d0;background:#6ee7b70f;border:1px solid #6ee7b733;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.hero-public h1{letter-spacing:-.065em;max-width:850px;margin:22px auto 15px;font-size:clamp(42px,8vw,78px);line-height:.98}.hero-public p{max-width:680px;color:var(--muted);margin:0 auto;font-size:17px;line-height:1.65}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.login-page{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-art{background:radial-gradient(circle at 25% 25%,#60a5fa2e,#0000 35%),radial-gradient(circle at 75% 80%,#6ee7b71c,#0000 30%);flex-direction:column;justify-content:space-between;padding:54px;display:flex}.login-art h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1}.login-art p{max-width:520px;color:var(--muted);line-height:1.65}.login-pane{border-left:1px solid var(--line);background:#040a1280;place-items:center;padding:34px;display:grid}.login-card{width:min(410px,100%)}.login-card h2{letter-spacing:-.035em;margin:0 0 8px;font-size:28px}.login-card>p{color:var(--muted);margin:0 0 24px;line-height:1.55}.auth-button{border:1px solid var(--line);color:#0b1220;background:#fff;border-radius:12px;width:100%;min-height:48px;font-weight:800}.auth-button:disabled{opacity:.6;cursor:wait}.auth-error{color:#fda4af;margin-top:12px;font-size:12px}.auth-note{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:18px;font-size:11px;line-height:1.55}.signout{color:var(--muted);background:0 0;border:0;padding:5px;font-size:11px}.signout:hover{color:#fff}@media (width<=1050px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-even,.login-page{grid-template-columns:1fr}.login-art{min-height:40vh}.login-pane{border-left:0;border-top:1px solid var(--line)}}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{width:250px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}body.nav-open .sidebar{transform:translate(0)}.mobile-menu{display:inline-flex}.topbar{padding:11px 15px}.select-wrap:first-of-type,.user-copy{display:none}.content{padding:20px 15px 34px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{min-height:118px;padding:15px}.metric-value{font-size:25px}.page-head{flex-direction:column;align-items:flex-start}.page-actions{margin-left:0}.login-art{padding:32px 24px}}@media (width<=480px){.metrics{grid-template-columns:1fr}.topbar .demo-pill{display:none}.select-wrap select{max-width:135px}}