:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--glow-1:#3987e529;--glow-2:#9085e91f;--card:#ffffff09;--card-hi:#ffffff12;--line:#ffffff14;--grid:#22252b;--axis:#383835;--ink:#f4f5f7;--ink-2:#b9bcc4;--ink-3:#7c808a;--s-ok:#3987e5;--s-4xx:#fab219;--s-5xx:#e5484d;--s-p50:#3987e5;--s-p95:#d95926;--good:#0ca30c;--warn:#fab219;--serious:#ec835a;--critical:#e5484d;--unknown:#6b6f78;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--radius:18px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f7;--glow-1:#2a78d61f;--glow-2:#4a3aa714;--card:#ffffffb8;--card-hi:#fffffff2;--line:#0b0b0b14;--grid:#e6e5df;--axis:#c3c2b7;--ink:#0b0b0b;--ink-2:#52514e;--ink-3:#898781;--s-ok:#2a78d6;--s-4xx:#eda100;--s-5xx:#d03b3b;--s-p50:#2a78d6;--s-p95:#eb6834;--critical:#d03b3b}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(900px 600px at 10% -10%, var(--glow-1), transparent 60%), radial-gradient(800px 500px at 100% 0%, var(--glow-2), transparent 60%), var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-attachment:fixed;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.top{z-index:20;padding:12px max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px)saturate(1.4);background:color-mix(in srgb, var(--bg) 70%, transparent);border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:8px;font-size:16px;font-weight:650;display:flex}.brand.lockup{gap:7px;line-height:1}.brand .wordmark{width:auto;height:20px;display:block}.brand .product{letter-spacing:.14em;text-transform:lowercase;color:var(--ink-3);font-size:13px;font-weight:600;transform:translateY(1px)}.pill{background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.pill svg.i{width:15px;height:15px}.spacer{flex:1}.ranges{background:var(--card);border:1px solid var(--line);border-radius:99px;gap:2px;padding:3px;display:flex}.ranges button{color:var(--ink-3);border-radius:99px;padding:4px 10px;font-size:12.5px;font-weight:600}.ranges button[aria-pressed=true]{background:var(--card-hi);color:var(--ink);box-shadow:0 1px 2px #00000040}.icon-btn.busy svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{background:var(--card);border:1px solid var(--line);width:34px;height:34px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.live{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.live .dot{background:var(--unknown);border-radius:50%;width:8px;height:8px}.live.on .dot{background:var(--good);box-shadow:0 0 0 0 var(--good);animation:2s infinite ping}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 60%, transparent)}to{box-shadow:0 0 0 8px #0000}}main{gap:16px;max-width:1440px;margin:0 auto;padding:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);min-width:0;padding:16px;position:relative}.card h3{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.card h3 .right{text-transform:none;letter-spacing:0;align-items:center;gap:10px;margin-left:auto;font-weight:500;display:flex}.hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;display:grid}.tiles{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tile{flex-direction:column;justify-content:space-between;gap:6px;min-height:128px;display:flex}.tile .lbl{color:var(--ink-3);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.tile .val{letter-spacing:-.03em;font-size:clamp(30px,4.2vw,46px);font-weight:650;line-height:1}.tile .val small{color:var(--ink-3);letter-spacing:0;margin-left:2px;font-size:.45em;font-weight:600}.tile .lbl .sub{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.tile .who{color:var(--ink-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;font-size:12px;font-weight:600;display:flex}.tile .who span{align-items:center;gap:3px;display:inline-flex}.tile .who svg.i{width:13px;height:13px}.tile .who .blind{color:var(--ink-3)}.tile.alert .val{color:var(--critical)}.map{flex-direction:column;padding:8px;display:flex}.map h3{margin:8px 8px 0}.map svg.canvas{flex:1;width:100%;height:auto;min-height:240px;display:block}.map .edge{stroke:var(--line);stroke-width:1.5px;fill:none}.map .flow{fill:none;stroke-dasharray:2 10;stroke-linecap:round;opacity:.55;animation:linear infinite flow}@keyframes flow{to{stroke-dashoffset:-120px}}.map .node{cursor:pointer}.map .node .disc{fill:var(--card-hi);stroke:var(--line);stroke-width:1px}.map .node .ring{fill:none;stroke-width:2.5px}.map .node.sel .disc{fill:color-mix(in srgb, var(--s-ok) 18%, var(--card-hi))}.map .node text{fill:var(--ink-2);text-anchor:middle;font-size:11px;font-weight:600}.map .node text.num{fill:var(--ink-3);font-size:10px;font-weight:500}.map .node .ico{color:var(--ink)}.map .pulse{r:3}.map .glow{opacity:.14;transform-box:fill-box;transform-origin:50%;animation:ease-in-out infinite alternate breathe}@keyframes breathe{0%{opacity:.08;transform:scale(.92)}to{opacity:.2;transform:scale(1)}}.map .blip{fill:none;stroke-width:2px;transform-box:fill-box;transform-origin:50%;animation:.9s ease-out forwards blip}@keyframes blip{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.map .halo{fill:none;stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite halo}@keyframes halo{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.apps{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.app{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;gap:8px;padding:14px;transition:transform .15s,background .15s,border-color .15s;display:grid}.app:hover{background:var(--card-hi);transform:translateY(-2px)}.app[aria-pressed=true]{border-color:color-mix(in srgb, var(--s-ok) 70%, transparent);background:var(--card-hi);box-shadow:0 0 0 3px color-mix(in srgb, var(--s-ok) 18%, transparent)}.app .head{align-items:center;gap:8px;min-width:0;font-weight:650;display:flex}.app .head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app .head .st{margin-left:auto}.app .nums{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.app .big{letter-spacing:-.02em;font-size:22px;font-weight:650}.app .big small{color:var(--ink-3);margin-left:2px;font-size:11px;font-weight:600}.app .meta{color:var(--ink-3);gap:10px;font-size:12px;font-weight:600;display:flex}.app .meta span{align-items:center;gap:3px;display:inline-flex}.app .meta svg.i{width:13px;height:13px}.app .spark{height:28px}.badge-ico{background:var(--card-hi);border:1px solid var(--line);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.st{border-radius:50%;place-items:center;width:20px;height:20px;display:inline-grid}.st svg.i{stroke-width:2.6px;color:#fff;width:13px;height:13px}.st.ok{background:var(--good)}.st.degraded{background:var(--warn)}.st.degraded svg.i{color:#1a1300}.st.down{background:var(--critical)}.st.unknown{background:var(--unknown)}.host{color:var(--ink-2);flex:none;align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.host svg.i{width:14px;height:14px}.app .head .host{overflow:visible}.app .head .host svg.i{width:12px;height:12px}.env{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);border-radius:6px;flex:none;padding:1px 5px;font-size:10px;font-weight:700}.detail-head{flex-wrap:wrap;align-items:center;gap:12px;padding:4px 2px;display:flex}.detail-head h2{letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.detail-head .chips{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.c12{grid-column:span 12}.c6{grid-column:span 6}.kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.kpi .lbl{color:var(--ink-3);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.kpi .lbl svg.i{width:14px;height:14px}.kpi .v{letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:650}.kpi .v small{color:var(--ink-3);margin-left:2px;font-size:12px;font-weight:600}.chart{width:100%;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart .gridline{stroke:var(--grid);stroke-width:1px}.chart .baseline{stroke:var(--axis);stroke-width:1px}.chart .tick{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10.5px}.chart .mark-line{stroke:var(--ink-3);stroke-width:1px;stroke-dasharray:0;opacity:.6}.chart .cross{stroke:var(--ink-3);stroke-width:1px}.legend{color:var(--ink-2);flex-wrap:wrap;gap:12px;font-size:12px;font-weight:500;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.legend i.ln{border-radius:2px;width:14px;height:2px}.tip{z-index:50;pointer-events:none;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);opacity:0;border-radius:10px;min-width:120px;padding:8px 10px;font-size:12px;transition:opacity .1s;position:fixed;box-shadow:0 8px 24px #0000004d}.tip.on{opacity:1}.tip .t{color:var(--ink-3);margin-bottom:4px;font-weight:600}.tip .r{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:6px;display:flex}.tip .r span:first-child{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.tip i{border-radius:2px;width:8px;height:8px;display:inline-block}.probe{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.probe+.probe{border-top:1px solid var(--line)}.probe .nm{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.probe .bars{align-items:stretch;gap:2px;height:28px;display:flex}.probe .bars b{background:var(--good);opacity:.9;border-radius:3px;flex:1}.probe .bars b.half{background:var(--warn)}.probe .bars b.bad{background:var(--critical)}.probe .bars b.none{background:var(--grid);opacity:1}.probe .pct{font-variant-numeric:tabular-nums;text-align:right;font-size:13px;font-weight:650}.probe .pct small{color:var(--ink-3);font-size:11px;font-weight:500;display:block}.mods{gap:9px;display:grid}.mod{grid-template-columns:88px 1fr 64px;align-items:center;gap:10px;font-size:12.5px;display:grid}.mod .nm{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mod .track{gap:2px;height:12px;display:flex}.mod .track b{background:var(--s-ok);border-radius:0 4px 4px 0;min-width:2px}.mod .track b.e{background:var(--s-5xx);border-radius:0 4px 4px 0}.mod .track b.has-e{border-radius:0}.mod .n{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.mod .n small{color:var(--ink-3);margin-left:3px;font-weight:500}.errs{gap:2px;display:grid}.err{text-align:left;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 8px;display:grid}.err:hover{background:var(--card-hi)}.code{font:600 11px var(--mono);background:color-mix(in srgb, var(--critical) 18%, transparent);color:var(--critical);text-align:center;border-radius:6px;min-width:38px;padding:3px 6px}.code.w{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.code.x{background:color-mix(in srgb, var(--serious) 18%, transparent);color:var(--serious)}.err .ttl{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.err .msg{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.err .cnt{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.err .cnt small{color:var(--ink-3);font-size:11px;font-weight:500;display:block}.err pre{font:11px/1.5 var(--mono);color:var(--ink-2);white-space:pre-wrap;word-break:break-all;background:var(--card);border-radius:8px;grid-column:1/-1;margin:4px 0 0;padding:8px}.empty{color:var(--ink-3);justify-content:center;align-items:center;gap:8px;padding:24px 0;font-weight:600;display:flex}.empty svg.i{color:var(--good)}.logs-card{flex-direction:column;display:flex}.filters{gap:4px;display:flex}.filters button{width:28px;height:26px;color:var(--ink-3);border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.filters button svg.i{width:15px;height:15px}.filters button[aria-pressed=true]{background:var(--card-hi);color:var(--ink);border-color:var(--line)}.logs{height:380px;font:12px/1.45 var(--mono);overscroll-behavior:contain;margin:0 -8px;padding:0 8px;overflow-y:auto}.log{cursor:pointer;border-radius:6px;grid-template-columns:14px 62px 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.log:hover{background:var(--card-hi)}.log.new{animation:1.2s ease-out flash}@keyframes flash{0%{background:color-mix(in srgb, var(--s-ok) 18%, transparent)}}.log .lv{background:var(--ink-3);border-radius:50%;width:8px;height:8px}.log .lv.info{background:var(--s-ok)}.log .lv.warn{background:var(--warn)}.log .lv.error{background:var(--critical);box-shadow:0 0 0 3px color-mix(in srgb, var(--critical) 25%, transparent)}.log .tm{color:var(--ink-3)}.log .m{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);overflow:hidden}.log .m b{color:var(--ink);font-weight:600}.log .d{color:var(--ink-3);font-variant-numeric:tabular-nums}.log .d.slow{color:var(--serious)}.log .x{white-space:pre-wrap;word-break:break-all;color:var(--ink-3);grid-column:2/-1;padding:4px 0 2px;font-size:11px}.sc{font-weight:700}.sc.s2{color:var(--good)}.sc.s4{color:var(--warn)}.sc.s5{color:var(--critical)}.foot{text-align:center;color:var(--ink-3);justify-content:center;align-items:center;gap:6px;padding:8px 0 24px;font-size:11.5px;display:flex}@media (width<=1180px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.c8,.c7,.c6,.c5,.c4{grid-column:span 12}.grid>.half{grid-column:span 6}}@media (width<=860px){.hero{grid-template-columns:1fr}.grid>.half{grid-column:span 12}}@media (width<=640px){main{gap:12px;padding:12px}.top{flex-wrap:wrap;gap:8px 10px;padding:10px 16px}.top .ranges{order:9;justify-content:space-between;width:100%}.top .ranges button{flex:1}.live span.t{display:none}.tiles{gap:12px}.tile{min-height:108px;padding:14px}.apps{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -12px;padding:2px 12px 8px;display:flex;overflow-x:auto}.apps::-webkit-scrollbar{display:none}.app{scroll-snap-align:start;flex:0 0 62%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{border-radius:16px;padding:14px}.detail-head .chips{width:100%;margin-left:0}.logs{height:320px}.log{grid-template-columns:10px 1fr auto}.log .tm{display:none}.probe{grid-template-columns:52px 1fr auto;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--bg:#101115;--card:#181a20;--card-hi:#22252d;--line:#2b2e37;--ink:#e5e7ee;--ink-2:#b0b6c5;--ink-3:#8d95a7;--s-ok:#72b6f9;--s-p50:#73bf69;--s-p95:#b49aff;--good:#73bf69;--warn:#f2c96d;--critical:#f47783;--s-5xx:#f47783;--radius:5px;--sidebar:224px}:root[data-theme=light]{--bg:#f0f2f5;--card:#fff;--card-hi:#e9edf3;--line:#d5dbe5;--ink:#202737;--ink-2:#48546a;--ink-3:#647087;--s-ok:#2873b9;--s-p50:#34843c;--s-p95:#7850b8;--good:#34843c;--warn:#aa7000;--critical:#c53949;--s-5xx:#c53949}body{background:var(--bg);font-size:13px}[hidden],.view-hidden{display:none!important}button,input,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--s-ok);outline-offset:3px}button:hover{color:var(--ink)}.skip{z-index:100;background:var(--card);color:var(--ink);padding:12px;position:fixed;top:-60px;left:16px}.skip:focus{top:10px}.sidebar{width:var(--sidebar);z-index:40;background:var(--card);border:1px solid var(--line);visibility:hidden;border-radius:10px;flex-direction:column;transition:transform .22s cubic-bezier(.2,.7,.2,1),visibility .22s;display:flex;position:fixed;inset:12px auto 12px 12px;overflow:hidden;transform:translate(calc(-100% - 16px));box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff0a}.nav-open .sidebar{visibility:visible;transform:none}.sidebar-head{flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 10px 0 16px;display:flex}.icon-btn.ghost{width:30px;height:30px;color:var(--ink-3);background:0 0;border-color:#0000}.icon-btn.ghost:hover{background:var(--card-hi);color:var(--ink)}#navigation{border-bottom:1px solid var(--line);gap:4px;padding:12px;display:grid}#navigation button{height:40px;color:var(--ink-2);text-align:left;border-radius:4px;align-items:center;gap:12px;padding:0 12px;display:flex}#navigation button:hover{background:var(--card-hi)}.sidebar-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:1.5px;justify-content:space-between;padding:22px 22px 12px;font-size:10px;display:flex}.sidebar-label span{font-family:var(--mono)}.apps{flex-direction:column;gap:4px;padding:0 12px 16px;display:flex;overflow-y:auto}.app{background:0 0;border:1px solid #0000;border-radius:4px;flex:none;gap:6px;padding:10px}.app:hover{transform:none}.app[aria-pressed=true]{background:var(--card-hi);border-color:var(--line);box-shadow:none}.app .head{gap:8px;font-size:12px}.app .badge-ico{background:0 0;border:0;width:18px;height:20px}.app .head .env,.app .spark,.app .meta{display:none}.app .nums{padding-left:26px}.app .big{font:11px var(--mono);color:var(--ink-3)}.app .big small{font-size:10px;font-weight:400}.st{width:16px;height:16px}.st svg.i{width:11px;height:11px;color:var(--bg)}.sidebar-bottom{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;align-items:center;margin-top:auto;padding:16px 20px;font-size:10px;display:flex}.live{font-size:11px}.live.on{color:var(--good)}.live.on .dot{animation:none}:root{--nav-offset:0px}@media (width>=1200px){:root.nav-open{--nav-offset:calc(var(--sidebar) + 24px)}}.top{margin-left:var(--nav-offset);background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;gap:10px;height:64px;padding:0 24px;transition:margin-left .22s cubic-bezier(.2,.7,.2,1)}.breadcrumb{color:var(--ink-3);white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.breadcrumb .sep{color:var(--axis)}#overall{font:10px var(--mono);padding:4px 7px}.pill,.ranges,.ranges button,.icon-btn,.env,.badge-ico{border-radius:4px}.pill{font-size:11px;font-weight:400}.ranges{padding:2px}.ranges button{min-height:30px;font:11px var(--mono);padding:4px 12px}.ranges button[aria-pressed=true]{box-shadow:none;color:var(--s-ok)}.icon-btn{background:var(--card);width:34px;height:34px}#menu{display:grid}main{margin:0 0 0 var(--nav-offset);gap:16px;max-width:none;padding:20px 24px;transition:margin-left .22s cubic-bezier(.2,.7,.2,1)}.notice{border:1px solid var(--warn);color:var(--warn);border-radius:4px;padding:12px;font-size:12px}.detail-head{min-height:36px;padding:0}.detail-head h2{font-size:19px;font-weight:550}.detail-head h2 .badge-ico{background:0 0;border:0;width:22px}.detail-head .chips{gap:6px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card{-webkit-backdrop-filter:none;padding:14px 16px}.tile{gap:10px;min-height:132px;overflow:hidden}.tile .lbl{font-size:11px;font-weight:500}.tile .lbl svg{width:14px;height:14px}.tile .val small{letter-spacing:0;margin-left:5px;font-size:14px}.tile .spark{opacity:.85;height:28px;margin-bottom:-7px}.tile .who{justify-content:flex-end;max-width:40%;font-size:10px;position:absolute;top:50px;right:16px}.tile .lbl .sub{font-size:10px}.kpis{border:1px solid var(--line);background:var(--card);border-radius:5px;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.kpi{border:0;border-right:1px solid var(--line);background:0 0;border-radius:0;padding:12px 16px}.kpi:last-child{border:0}.kpi .v{font:20px var(--mono);margin-top:8px}.kpi .lbl{font-size:10px}.grid{gap:12px}.c8{grid-column:span 8}.c7{grid-column:span 7}.c5{grid-column:span 5}.c4{grid-column:span 4}.card h3{letter-spacing:0;text-transform:none;color:var(--ink-2);min-height:24px;margin-bottom:12px;font-size:11px;font-weight:500}.card h3 svg.i{width:14px;height:14px}.legend{gap:10px;font-size:10px}.legend i{border-radius:1px;width:7px;height:7px}.chart .tick{font-family:var(--mono);font-size:9px}.probe{grid-template-columns:1fr auto;gap:6px;padding:8px 0}.probe .nm{font-size:11px}.probe .bars{grid-area:2/1/auto/-1;gap:3px;height:24px}.probe .bars b{border-radius:1px}.probe .pct{font:11px var(--mono);grid-area:1/2}.probe .pct small{margin-left:7px;display:inline}.mod{font-size:11px}.mod .track{height:8px}.err{border-radius:3px;padding:8px 0}.err .ttl{font:11px var(--mono)}.err .msg{font-size:10px}.err .cnt{font:12px var(--mono)}.err>div{min-width:0}.code{border-radius:3px}.logs-card h3{flex-wrap:wrap}.logs{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 45%, var(--card));border-radius:0 0 5px 5px;height:300px;margin:0 -16px -14px;padding:0 12px}.log{border-bottom:1px solid color-mix(in srgb, var(--line) 55%, transparent);padding:7px 4px;font-size:11px}.filters button{border-radius:3px;width:30px;height:30px}#log-search{border:1px solid var(--line);background:var(--bg);width:180px;min-width:0;height:30px;color:var(--ink);font:11px var(--mono);border-radius:3px;padding:0 9px}#log-search::placeholder{color:var(--ink-3)}.map .canvas{min-height:320px;max-height:480px}.map{background-image:radial-gradient(var(--line) .7px, transparent .7px);background-size:18px 18px}.foot{font:10px var(--mono);justify-content:flex-end;padding:0 0 8px}main:not([data-view=overview]) #tiles,main:not([data-view=overview]):not([data-view=metrics]) .kpis{display:none}main[data-view=logs] .logs{height:calc(100dvh - 250px);min-height:320px}main[data-view=errors] [data-panel=errors]{grid-column:span 12}.backdrop{display:none}.backdrop:not([hidden]){z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0007;display:block;position:fixed;inset:0}@media (width>=1600px){main{padding:24px 32px}.chart{min-height:210px}}@media (width<=1199px){.nav-open body{overflow:hidden}main{padding:16px}.top{padding:0 16px}.breadcrumb{gap:8px}#overall{display:none}.c8,.c7,.c5,.c4{grid-column:span 6}.tile .who{display:none}.kpi{padding:12px}}@media (width<=900px){.seg button{padding:0 9px}}@media (width<=700px){:root{--sidebar:min(260px, calc(100vw - 24px))}.top{flex-wrap:wrap;gap:8px;height:auto;min-height:60px;margin:0;padding:10px 12px}.breadcrumb{gap:7px;font-size:11px}.breadcrumb .crumb-root,.breadcrumb .sep{display:none}.seg{order:8}#help{order:7}.top .ranges{order:9;justify-content:space-between;width:100%}.top .ranges button{flex:1;min-height:34px}.icon-btn{width:36px;height:36px}main{gap:12px;margin:0;padding:14px 12px}.detail-head h2{font-size:16px}.detail-head .chips{width:auto;margin-left:auto}.detail-head .chips .pill{padding:4px 6px;font-size:10px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:116px;padding:12px}.tile .val{font-size:28px}.card{border-radius:5px;padding:12px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{padding:10px}.kpi:nth-child(3){border-right:0}.kpi:nth-child(-n+3){border-bottom:1px solid var(--line)}.kpi .v{font-size:18px}.c8,.c7,.c5,.c4{grid-column:span 12}.apps{scroll-snap-type:none;margin:0;padding:0 12px 16px;overflow-y:auto}.app{flex:none}.live span.t{display:inline}.logs-card h3 .right{gap:5px}#log-search{width:110px}.logs{margin:0 -12px -12px;padding:0 8px}.log{grid-template-columns:6px 1fr auto;gap:6px;min-height:38px}.filters button{width:32px;height:36px}main[data-view=logs] .logs{height:calc(100dvh - 310px)}}.term{font:inherit;color:inherit;text-align:left;-webkit-text-decoration:underline dotted color-mix(in srgb, currentColor 45%, transparent);text-decoration:underline dotted color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;cursor:help;border-radius:3px;margin:0 -1px;padding:0 1px;text-decoration-thickness:1px;display:inline}.term:hover{color:var(--ink);-webkit-text-decoration-color:var(--s-ok);text-decoration-color:var(--s-ok);background:color-mix(in srgb, var(--s-ok) 10%, transparent)}.card h3 .term{color:inherit}.tag{vertical-align:middle;letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;margin-left:8px;padding:4px 6px;font:600 10px/1 system-ui,sans-serif;display:inline-block}.tag.good{color:var(--good);background:color-mix(in srgb, var(--good) 12%, transparent)}.tag.ok{color:var(--ink-2);background:var(--card-hi)}.tag.warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, transparent)}.tag.bad{color:var(--critical);background:color-mix(in srgb, var(--critical) 14%, transparent)}.tag.none{color:var(--ink-3);background:var(--card-hi)}.tile .val .tag{margin-left:10px;font-size:10px;transform:translateY(-6px)}.kpi .v .tag{margin-left:7px;font-size:9px;transform:translateY(-3px)}:root[data-mode=tech] .tag{opacity:.85}.summary{color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-left-width:3px;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;font-size:13px;display:flex}.summary b{color:var(--ink);font-weight:600}.summary svg.i{flex:none;width:16px;height:16px}.summary.good{border-left-color:var(--good)}.summary.good svg.i{color:var(--good)}.summary.warn{border-left-color:var(--warn)}.summary.warn svg.i{color:var(--warn)}.summary.bad{border-left-color:var(--critical);background:color-mix(in srgb, var(--critical) 7%, var(--card))}.summary.bad svg.i{color:var(--critical)}.summary.none{border-left-color:var(--unknown)}.summary.none svg.i{color:var(--ink-3)}.summary .right{color:var(--ink-3);margin-left:auto;font-size:11px}.link{color:var(--s-ok);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--s-ok) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--s-ok) 40%, transparent);font-weight:600}.link:hover{color:var(--s-ok);-webkit-text-decoration-color:var(--s-ok);text-decoration-color:var(--s-ok)}.seg{background:var(--card);border:1px solid var(--line);border-radius:4px;gap:2px;padding:2px;display:flex}.seg button{min-height:30px;color:var(--ink-3);border-radius:3px;padding:0 12px;font-size:11px;font-weight:500}.seg button[aria-pressed=true]{background:var(--card-hi);color:var(--ink)}.glossary{border:1px solid var(--line);background:var(--card);width:min(560px,100vw - 32px);max-height:min(80dvh,760px);color:var(--ink);overscroll-behavior:contain;border-radius:10px;margin:auto;padding:0;overflow-y:auto;box-shadow:0 24px 80px #00000073}.glossary::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.glossary-head{z-index:1;background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 14px 12px 20px;display:flex;position:sticky;top:0}.glossary-head h2{margin:0;font-size:15px;font-weight:600}.glossary-intro{color:var(--ink-3);margin:0;padding:14px 20px 6px;font-size:12px;line-height:1.55}.glossary-intro b{color:var(--ink-2);font-weight:600}#glossary-list{padding:8px 8px 16px}.gterm{border:1px solid #0000;border-radius:6px;outline:none;padding:12px;scroll-margin-top:60px}.gterm+.gterm{margin-top:2px}.gterm.hl{background:color-mix(in srgb, var(--s-ok) 9%, transparent);border-color:color-mix(in srgb, var(--s-ok) 35%, transparent)}.gterm h3{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 5px;font-size:13px;font-weight:600;display:flex}.gterm h3 .tech{font:11px var(--mono);color:var(--ink-3);background:var(--card-hi);border-radius:3px;padding:2px 6px}:root[data-mode=tech] .gterm h3{flex-direction:row-reverse;justify-content:flex-start}:root[data-mode=tech] .gterm h3 .simple{color:var(--ink-2);font-weight:500}:root[data-mode=tech] .gterm h3 .tech{color:var(--ink);background:0 0;padding:0;font-size:12.5px}.gterm p{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.55}.gterm p.how{color:var(--ink-3);margin-top:5px;font-size:11.5px}.tile .lbl{flex-wrap:wrap;line-height:1.3}.kpi .lbl{align-items:flex-start;min-height:2.6em;line-height:1.3}.kpi .lbl svg.i{margin-top:1px}.card h3 .ttl{min-width:0}@media (width<=700px){.tile .val .tag{width:fit-content;margin:6px 0 0;display:block;transform:none}.kpi .v .tag{width:fit-content;margin:4px 0 0;display:block;transform:none}.summary .right{display:none}}#fleet-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}#fleet-tiles .tile .who{margin-top:auto}.fleet-card{padding-bottom:8px}.fleet-wrap{margin:0 -16px;padding:0 16px;overflow-x:auto}.fleet{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}.fleet th{text-align:left;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:4px 10px 10px;font-size:11px;font-weight:600}.fleet th.num,.fleet td.num{text-align:right}.fleet th .term{padding:0}.fleet td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:10px}.fleet tbody tr{cursor:pointer;transition:background .12s}.fleet tbody tr:hover,.fleet tbody tr:focus-visible{background:var(--card-hi);outline:none}.fleet tbody tr:last-child td{border-bottom:0}.fleet td.svc{min-width:180px;font-weight:650}.fleet td.svc>span.row{align-items:center;gap:8px;display:flex}.fleet td.svc .nm{text-overflow:ellipsis;overflow:hidden}.fleet td.svc .host svg.i{width:12px;height:12px}.fleet td.status{color:var(--ink-2);font-weight:600}.fleet td.status>span.row{align-items:center;gap:6px;display:inline-flex}.fleet tr.st-down td.status{color:var(--critical)}.fleet tr.st-degraded td.status{color:var(--warn)}.fleet tr.st-unknown td.status{color:var(--ink-3)}.fleet td.num{font-variant-numeric:tabular-nums;font-weight:600}.fleet td.num small{color:var(--ink-3);margin-left:2px;font-size:11px;font-weight:600}.fleet td.num.bad{color:var(--critical)}.fleet td.num .tag{margin-left:6px;padding:3px 5px;font-size:9px}.fleet td.sp{width:120px;padding-right:0}.fleet td.sp .spark{height:24px;display:block}.fleet .dim{color:var(--ink-3);font-weight:500}.fleet th.sp{text-align:right}@media (width<=1180px){#fleet-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){#fleet-tiles{grid-template-columns:1fr}.fleet td.num .tag{display:none}}body.signed-out>:not(.signin):not(script){display:none!important}.signin{z-index:90;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:radial-gradient(700px 420px at 50% 0%, #2774ae38, transparent 70%), radial-gradient(600px 380px at 50% 100%, #d726381f, transparent 70%), var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.signin-card{text-align:center;background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);border-radius:22px;justify-items:center;gap:12px;width:min(380px,100%);padding:40px 28px 26px;animation:.5s cubic-bezier(.2,.8,.2,1) both signin-in;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.signin-card:before{content:"";background:linear-gradient(90deg,#d72638,#2774ae);height:3px;position:absolute;inset:0 0 auto}@keyframes signin-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (prefers-reduced-motion:reduce){.signin-card{animation:none}}.signin-mark{width:56px;height:56px}.signin-lockup .brand{justify-content:center;align-items:center;display:flex}.signin-lockup .wordmark{height:24px!important}.signin h1{letter-spacing:-.01em;margin:10px 0 0;font-size:22px;font-weight:600}.signin p{color:var(--ink-2);max-width:30ch;margin:0;font-size:13.5px;line-height:1.55}.signin-why{text-align:left;background:color-mix(in srgb, var(--critical) 12%, transparent);border:1px solid color-mix(in srgb, var(--critical) 35%, transparent);border-radius:12px;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;display:flex;max-width:none!important;color:var(--ink)!important}.signin-why svg{color:var(--critical);margin-top:1px}.signin-google{color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:99px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px 16px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.signin-google:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.signin-google:focus-visible{outline:2px solid var(--s-ok);outline-offset:3px}.signin-google svg{width:18px;height:18px}.signin .signin-foot{color:var(--ink-3);margin-top:6px;font-size:12px}.account{background:var(--card);border:1px solid var(--line);height:34px;color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 12px 0 4px;font-size:12.5px;font-weight:600;display:flex}.account:hover{color:var(--ink);background:var(--card-hi)}.account:focus-visible{outline:2px solid var(--s-ok);outline-offset:2px}.account svg.i{width:15px;height:15px}.account-initial{color:#fff;background:linear-gradient(135deg,#d72638,#2774ae);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}@media (width<=900px){.account-out{display:none}.account{padding-right:8px}}:root{--sans:"Google Sans", -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"Google Sans Code", ui-monospace, "SF Mono", Menlo, monospace;--bg:#111217;--card:#181b1f;--card-hi:#24282f;--line:#30343b;--ink:#e4e7ec;--ink-2:#b9c0cb;--ink-3:#929baa;--s-ok:#73a9e8;--s-p50:#73bf69;--s-p95:#b49aff;--good:#73bf69;--warn:#f2cc0c;--critical:#f47783;--s-5xx:#f47783;--s-4xx:#ffb357;--unknown:#8a929f;--radius:3px;--sidebar:220px;--grid:#2c3037;--axis:#444a54}:root[data-theme=light]{--bg:#f4f5f7;--card:#fff;--card-hi:#e9edf2;--line:#d6dce4;--ink:#202833;--ink-2:#48576b;--ink-3:#626f81;--s-ok:#276fc0;--s-p50:#36833c;--s-p95:#8254b3;--good:#36833c;--warn:#956b00;--critical:#c23e4c;--s-5xx:#c23e4c;--s-4xx:#a96514;--unknown:#6e7787;--grid:#e4e8ee;--axis:#b8c2ce}body{background:var(--bg);font-family:var(--sans)}main{gap:14px;padding:22px 24px}.top{background:var(--card);border-bottom:1px solid var(--line);height:58px}.sidebar{background:var(--card);box-shadow:none;border-width:0 1px 0 0;border-radius:0;inset:0 auto 0 0}:root[data-theme=light] .sidebar{box-shadow:none}@media (width>=1200px){:root.nav-open{--nav-offset:var(--sidebar)}}.sidebar-head{border-bottom:1px solid var(--line);height:58px;padding-left:18px}.sidebar .brand .wordmark{height:22px}#navigation{gap:3px;padding:15px 10px}#navigation button{border-radius:3px;height:38px;font-size:12px}#navigation button[aria-current=page]{color:var(--ink);background:var(--card-hi);box-shadow:inset 2px 0 #ff9830}.sidebar-label{padding:18px 20px 10px;font-size:10px}.sidebar .apps{min-height:0;padding:0 10px 12px}.sidebar .app{border-radius:3px;padding:9px}.sidebar-bottom{flex-shrink:0;padding:15px}.dashboard-heading{justify-content:space-between;align-items:center;gap:16px;padding:2px 0 8px;display:flex}.dashboard-heading h1{letter-spacing:-.5px;margin:0 0 7px;font-size:23px;font-weight:400;line-height:1.3}.dashboard-heading p{color:var(--ink-3);margin:0;font-size:12px}.refresh-label{font:10px var(--mono);color:var(--ink-3);white-space:nowrap}.card{border-radius:3px;padding:15px 16px}.card h3{color:var(--ink);font-size:12px;font-weight:500}.card h3 .right{color:var(--ink-3);font-size:10px}.summary{border-radius:3px;padding:10px 14px;font-size:12px}.summary.good{background:var(--card)}.tiles{gap:12px}.tile{min-height:126px;padding:15px 17px}.tile .lbl{color:var(--ink-2);font-size:11px}.tile .val{font:34px/1.15 var(--mono);letter-spacing:-1.2px}.tile .val small{font-size:15px}.tile .spark{height:25px}.tile .who{font-size:10px}.fleet-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.fleet-panels>.card{min-height:222px}.volume-row,.health-row{text-align:left;width:100%;min-height:34px;color:var(--ink-2);border-radius:2px;grid-template-columns:130px minmax(0,1fr) 52px;align-items:center;gap:14px;padding:5px 4px;font-size:11px;display:grid}.volume-row:hover,.health-row:hover{background:var(--card-hi)}.health-row[aria-pressed=true]{outline:1px solid var(--s-ok)}.volume-row>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.health-row>span:first-child{align-items:center;gap:8px;display:flex}.volume-row b,.health-row b{font:12px var(--mono);text-align:right;color:var(--ink)}.volume-track{background:color-mix(in srgb,var(--line) 45%,transparent);border-radius:1px;height:9px;display:block;overflow:hidden}.volume-track i{background:var(--s-ok);height:100%;display:block}.fleet-card{padding:0;overflow:hidden}.inventory-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.inventory-heading h3{margin:0}#inventory-count{font:10px var(--mono);border:1px solid var(--line);color:var(--ink-3);border-radius:3px;margin-left:4px;padding:2px 5px}.inventory-controls{gap:8px;display:flex}#service-search,#service-status{font:11px var(--sans);border:1px solid var(--line);background:var(--bg);height:32px;color:var(--ink);border-radius:3px;padding:0 10px}#service-search{width:200px}#service-search::placeholder{color:var(--ink-3)}#service-status{min-width:142px}.fleet{min-width:840px}.fleet th{background:var(--card-hi);padding:11px 14px;font-size:10px}.fleet td{padding:12px 14px;font-size:11px}.fleet td.sp{padding-right:16px}.fleet .badge-ico{background:0 0;border:0;width:21px;height:21px}.fleet .badge-ico svg{width:16px;height:16px}.fleet tr.st-down{background:color-mix(in srgb,var(--critical) 5%,transparent)}.inventory-footer{border-top:1px solid var(--line);color:var(--ink-3);justify-content:space-between;gap:15px;padding:11px 16px;font-size:10px;display:flex}.pill,.ranges,.ranges button,.icon-btn,.seg,.seg button,.kpis,.tag{border-radius:3px}.detail-head h2{font-size:20px}.kpi .v{font-size:21px}.logs{border-radius:0}.log{min-height:30px;font-size:11px}#log-search{border-radius:3px}.chart .tick{fill:var(--ink-3)}.term{text-decoration-color:#0000}.term:hover{-webkit-text-decoration-color:var(--s-ok);text-decoration-color:var(--s-ok)}.fleet .term{cursor:help}.map .glow,.map .halo,.map .flow,.live.on .dot{animation:none}@media (width<=1199px){main{padding:20px}.tile .who{display:none}}@media (width<=700px){main{gap:12px;padding:16px 12px}.top{height:auto}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:21px}.dashboard-heading p{font-size:11px}.refresh-label{display:none}.fleet-panels{grid-template-columns:1fr}.fleet-panels>.card{min-height:180px}.volume-row,.health-row{grid-template-columns:115px minmax(0,1fr) 42px;gap:10px}#fleet-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:115px;padding:13px}.tile .val{font-size:29px}.tile .val .tag{margin-left:5px;font-size:8px}.inventory-heading{padding:12px}.inventory-controls{width:100%}#service-search{width:100%;min-width:0}#service-status{min-width:125px}.inventory-footer{flex-direction:column;gap:5px;padding:10px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.tag{font-family:var(--sans)}
