:root{--bg: #0b1016;--card: #131b24;--surface-2: #1b252f;--glow: #1a2b3d;--brand-deepest: #070c12;--brand-deep: #16232f;--brand: #3d8f9e;--brand-light: #6bc4d1;--hero-end: #1d3a47;--ink: #e6ecf1;--ink-2: #a4b3c0;--muted: #72828f;--line: rgba(150, 180, 205, .14);--ok: #2fbf71;--warn: #e0a020;--crit: #f2545b;--unknown: #829ab1;--radius: 12px;--sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 700px at 82% -10%,var(--glow) 0%,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,var(--brand-deep) 0%,var(--brand-deepest) 100%);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px;font-weight:800;font-size:20px;letter-spacing:.5px;color:#fff}.brand .mark{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;background:var(--brand-deep);border:1px solid var(--line);border-radius:10px;color:var(--brand);font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.5px}.brand b{color:var(--brand-light)}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--brand-light);margin-top:2px}.navlabel{font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:14px 10px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--ink-2);font-weight:500;margin:1px 0}.nav a svg{width:18px;height:18px;opacity:.85;flex:0 0 auto}.nav a:hover{background:#ffffff0d;color:#fff}.nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 22%,transparent),color-mix(in srgb,var(--brand) 3%,transparent));color:#fff;box-shadow:inset 2px 0 0 var(--brand)}.nav a.active svg{opacity:1;color:var(--brand-light)}.side .foot{margin-top:auto;font-size:11px;color:var(--muted);padding:10px}.login{min-height:100vh;display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:center;width:300px;margin:0 auto}.login .brand{justify-content:center;gap:13px;font-size:26px;padding:0 0 8px;color:var(--ink)}.login .brand .mark{width:44px;height:44px;font-size:17px}.login input{padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-family:var(--sans);background:var(--card);color:var(--ink)}.login input::placeholder{color:var(--muted)}.login button{padding:11px 13px;border:0;border-radius:8px;cursor:pointer;background:var(--brand);color:var(--brand-deepest);font-weight:700;font-size:14px}.login button:hover{background:var(--brand-light)}main{padding:20px 26px 44px;min-width:0}h1{font-size:21px;margin:0 0 4px;font-weight:700}.sub{color:var(--ink-2);font-size:13px;margin:0 0 18px}.card{background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 62%,var(--brand-deepest)));border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:16px}.card h2{font-size:12px;margin:0 0 12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:16px}.tile{background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 62%,var(--brand-deepest)));border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px}.tile .v{font-size:27px;font-weight:700;font-family:var(--mono);letter-spacing:-1px}.tile .l{font-size:12px;color:var(--ink-2);margin-top:3px}.tile.ok .v{color:var(--ok)}.tile.warn .v{color:var(--warn)}.tile.crit .v{color:var(--crit)}.tile.gold .v{color:var(--brand-light)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:#ffffff08}td.mono,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.wrap{overflow-x:auto}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#2fbf7124;color:#7fe0a8}.badge.warn{background:#e0a02026;color:#f0c976}.badge.crit{background:#f2545b26;color:#f5949a}.badge.unknown{background:#829ab126;color:var(--unknown)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}.pill i{width:7px;height:7px;border-radius:50%}.pill.ok{background:#2fbf7124;color:#7fe0a8}.pill.ok i{background:var(--ok)}.pill.warn{background:#e0a02026;color:#f0c976}.pill.warn i{background:var(--warn)}.pill.crit{background:#f2545b26;color:#f5949a}.pill.crit i{background:var(--crit)}.state{color:var(--ink-2);padding:30px;text-align:center}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.topbar .spacer{flex:1}.site-select{font-size:13px;color:var(--ink-2);display:inline-flex;align-items:center}.site-select select{font:inherit;color:var(--ink);padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);cursor:pointer}.spark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.spark-cell{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--card)}.spark-label{font-family:var(--mono);font-size:11px;color:var(--ink-2);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);margin-bottom:16px;background:linear-gradient(105deg,var(--brand-deepest) 0%,var(--brand-deep) 42%,var(--hero-end) 100%);min-height:320px}.hero-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-content{position:relative;z-index:3;padding:30px 34px;max-width:620px}.hero-content h1{font-size:32px;line-height:1.12;font-weight:700;margin:14px 0 10px;letter-spacing:-.5px;color:#fff}.hero-content h1 span{color:var(--brand-light)}.hero-content p{color:var(--ink-2);font-size:15px;line-height:1.55;margin:0 0 20px;max-width:470px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--brand-light);font-weight:600;background:color-mix(in srgb,var(--brand) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);padding:5px 11px;border-radius:999px}.eyebrow i{width:7px;height:7px;border-radius:50%;display:inline-block}.kpistrip{display:flex;gap:28px;flex-wrap:wrap}.kpistrip .k .n{font-family:var(--mono);font-size:26px;font-weight:600;letter-spacing:-1px}.kpistrip .k .l{font-size:12px;color:var(--ink-2);margin-top:2px}.legend{position:absolute;right:18px;bottom:14px;z-index:3;display:flex;gap:14px;font-size:11px;color:var(--ink-2)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.mk{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.cell-site{display:flex;align-items:center;gap:10px;font-weight:500}.alert{display:flex;gap:11px;padding:11px 2px;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.alert:last-child{border-bottom:0}.alert .dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex:0 0 auto}.alert .msg{font-size:13px}.alert .meta{font-size:11px;color:var(--muted);margin-top:2px}.alert .t{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 1100px){.grid2{grid-template-columns:1fr}}.sbar{height:8px;border-radius:6px;overflow:hidden;display:flex;gap:2px;margin-top:10px}.sbar>span{display:block;height:100%}.hero-slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity var(--hero-fade, 1.6s) ease-in-out}.hero-slide.on{opacity:1}.hero-slide img,.hero-slide video{width:100%;height:100%;object-fit:cover;display:block}.hero-slide img.kenburns{animation-name:kenburns;animation-timing-function:ease-out;animation-fill-mode:both;transform-origin:62% 45%}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.12)}}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(100deg,var(--brand-deepest) 0%,color-mix(in srgb,var(--brand-deepest) 86%,transparent) 34%,color-mix(in srgb,var(--brand-deepest) 42%,transparent) 64%,color-mix(in srgb,var(--brand-deepest) 12%,transparent) 100%)}.hero-credit{position:absolute;right:18px;bottom:14px;z-index:3;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);opacity:.8}@media (prefers-reduced-motion: reduce){.hero-slide img.kenburns{animation:none}.hero-slide{transition:none}}.hero-map .link{fill:none;stroke:color-mix(in srgb,var(--brand-light) 28%,transparent);stroke-width:1.2}.hero-map .link.trunk{stroke:color-mix(in srgb,var(--brand) 35%,transparent);stroke-dasharray:4 4}.hero-map .node{fill:var(--brand-light)}.hero-map .node-ring{fill:none;stroke:var(--brand-light);opacity:.5}.hero-map .dot{fill:color-mix(in srgb,var(--brand-light) 28%,transparent)}.hero-map .pulse{fill:color-mix(in srgb,var(--brand-light) 75%,white)}@keyframes ping{0%{r:4;opacity:.7}70%{r:16;opacity:0}to{opacity:0}}.hero-map .ring-anim{animation:ping 3.2s ease-out infinite}@media (prefers-reduced-motion: reduce){.hero-map .ring-anim{animation:none}.hero-map .pulse-mover{display:none}}@media (max-width: 820px){.app{grid-template-columns:1fr}.side{display:none}}