:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fcfcfb;--panel:#fff;--fg:#0b0b0b;--muted:#52514e;--line:#e4e3df;--track:#ebeae6;--series-1:#2a78d6;--series-2:#eb6834;--good:#0ca30c;--warn:#fab219;--serious:#ec835a;--critical:#d03b3b;--radius:8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.35}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131312;--panel:#1a1a19;--fg:#f0efec;--muted:#a8a79f;--line:#2e2e2b;--track:#2a2a27;--series-1:#3987e5;--series-2:#d95926}}*{box-sizing:border-box;min-width:0}body{background:var(--bg);color:var(--fg);margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}.shell{max-width:1320px;margin:0 auto;padding:0 20px 48px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:20px;height:48px;margin-bottom:16px;display:flex}.topbar .brand{font-size:15px;font-weight:650}.topbar nav{gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:6px 10px}.topbar nav a.active{color:var(--fg);background:var(--track);text-decoration:none}.topbar .right{color:var(--muted);margin-left:auto;font-size:12px}.stack{gap:16px;display:grid}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.right{text-align:right}.error-text{color:var(--critical)}h1{margin:0;font-size:18px;font-weight:650}h2{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:600}.box{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.pad{padding:10px 12px}.stale{opacity:.72;transition:opacity .12s}.st{white-space:nowrap}.st i{margin-right:4px;font-style:normal}.st-good i{color:var(--good)}.st-warn i,.st-warning i{color:var(--warn)}.st-serious i{color:var(--serious)}.st-critical i{color:var(--critical)}.st-muted i{color:var(--muted)}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.kpi{padding:10px 12px}.kpi .v{font-size:22px;font-weight:650}.kpi .v small{color:var(--muted);font-size:13px;font-weight:500}.kpi .s{margin-top:2px;font-size:12px}.att-row{border-top:1px solid var(--line);grid-template-columns:82px 140px minmax(0,1fr) minmax(0,260px);align-items:baseline;gap:12px;padding:7px 12px;display:grid}.att-row:first-child{border-top:0}.att-row .where{font-weight:600}.att-empty{padding:10px 12px}.srv-head,.srv{grid-template-columns:130px minmax(120px,1fr) 120px 120px 150px 54px 64px 44px;align-items:center;gap:14px;padding:7px 12px;display:grid}.srv-head{color:var(--muted);border-bottom:1px solid var(--line);font-size:11px}.srv{border-top:1px solid var(--line)}.srv-head+.srv{border-top:0}.srv .name{font-weight:600}.srv .sub{color:var(--muted);font-size:11px}.srv.offline{opacity:.6}.spark{align-items:center;gap:8px;display:flex}.spark svg{flex:1;height:28px;display:block;overflow:visible}.spark .cur{text-align:right;width:38px}.meter .lbl{white-space:nowrap;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:3px;display:flex}.meter .lbl .d{color:var(--muted);font-size:11px}.meter .track{background:var(--track);border-radius:3px;height:6px;overflow:hidden}.meter .fill{background:var(--series-1);border-radius:3px;height:100%}.meter.warning .fill{background:var(--warn)}.meter.serious .fill{background:var(--serious)}.meter.critical .fill{background:var(--critical)}.net{font-size:12px;line-height:1.45}.net .dir{width:12px;color:var(--muted);display:inline-block}.two{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;display:grid}.bar-row{grid-template-columns:170px minmax(0,1fr) 64px;align-items:center;gap:10px;padding:3px 0;display:grid}.bar-row .b{height:8px;position:relative}.bar-row .b span{background:var(--series-1);border-radius:0 4px 4px 0;position:absolute;top:0;bottom:0;left:0}.bar-row .b em{background:var(--fg);width:2px;position:absolute;top:-3px;bottom:-3px}.ev{border-top:1px solid var(--line);grid-template-columns:84px 100px minmax(0,1fr);gap:10px;padding:5px 0;display:grid}.ev:first-of-type{border-top:0}table.grid{border-collapse:collapse;width:100%}table.grid th,table.grid td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;vertical-align:middle;padding:6px 10px}table.grid thead th{color:var(--muted);border-top:0;font-size:11px;font-weight:500}table.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.grid th.sortable:hover{color:var(--fg)}table.grid td.num,table.grid th.num{text-align:right;font-variant-numeric:tabular-nums}table.grid tr.dim td{color:var(--muted)}.mini-bar{background:var(--track);vertical-align:middle;border-radius:3px;width:56px;height:5px;margin-left:6px;display:inline-block;overflow:hidden}.mini-bar span{background:var(--series-1);height:100%;display:block}.mini-bar.warning span{background:var(--warn)}.mini-bar.serious span,.mini-bar.critical span{background:var(--serious)}.tag{border:1px solid var(--line);color:var(--muted);border-radius:4px;margin-right:4px;padding:0 6px;font-size:11px;display:inline-block}.tag.risk{border-color:var(--serious);color:var(--fg)}.head{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.head .facts{color:var(--muted);font-size:12px}.charts{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:8px;display:grid}.chart{padding:10px 12px 6px}.chart .title{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chart .title .now{font-size:12px}.chart svg{width:100%;display:block;overflow:visible}.legend{color:var(--muted);gap:14px;font-size:12px;display:flex}.legend .sw{vertical-align:middle;width:10px;height:2px;margin-right:5px;display:inline-block}.seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px 10px}.seg button.on{background:var(--track);color:var(--fg)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar select,.toolbar input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:4px 8px}.tip{pointer-events:none;background:var(--panel);color:var(--fg);border:1px solid var(--line);z-index:50;white-space:nowrap;border-radius:6px;padding:5px 8px;font-size:12px;position:fixed;box-shadow:0 2px 8px #00000026}.topbar .user{align-items:center;gap:10px;display:flex}button.link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}button.link:hover{color:var(--fg);text-decoration:underline}button.primary{background:var(--fg);color:var(--bg);cursor:pointer;border:0;border-radius:6px;padding:9px 14px;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.auth{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{gap:14px;width:100%;max-width:320px;padding:24px;display:grid}.auth-card .brand{font-size:18px;font-weight:650}.auth-card p{margin:0}.field{color:var(--muted);gap:4px;font-size:12px;display:grid}.field input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 9px}