:root{--bg:#fff;--card:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--line:#d2d2d7;--hair:#e8e8ed;--blue:#0071e3;--blue-hover:#0077ed;--blue-soft:#e8f2fd;--white:#fff;--running:#34c759;--idle:#ff9f0a;--stopped:#007aff;--offline:#8e8e93;--red:#ff3b30;--red-ink:#c1271c;--green-ink:#1e7f36;--orange-ink:#9a5b00;--radius:18px}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.47}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #0071e373}a{color:var(--blue)}.btn{cursor:pointer;border:0;border-radius:980px;justify-content:center;align-items:center;padding:8px 18px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--blue);color:var(--white)}.btn-primary:hover{background:var(--blue-hover)}.btn-plain{color:var(--blue);background:0 0;padding:8px 10px}.btn-plain:hover{text-decoration:underline}.login-page{background:var(--bg);place-items:center;min-height:100%;padding:32px 16px;display:grid}.login-card{text-align:center;width:100%;max-width:380px}.login-card .brand{justify-content:center;margin-bottom:36px;font-size:1.15rem}.login-card h1{letter-spacing:-.02em;margin:0 0 8px;font-size:2.1rem;font-weight:600;line-height:1.1}.login-card p.sub{color:var(--muted);margin:0 0 32px;font-size:1.05rem}.login-card .field{text-align:left;margin-bottom:12px}.login-card label{color:var(--muted);margin:0 0 6px 4px;font-size:.85rem;display:block}.login-card input{border:1px solid var(--line);background:var(--bg);border-radius:12px;width:100%;padding:13px 16px;font-size:1rem}.login-card input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #0071e326}.login-card button{background:var(--blue);width:100%;color:var(--white);cursor:pointer;border:0;border-radius:12px;margin-top:12px;padding:13px;font-size:1rem;font-weight:500}.login-card button:hover{background:var(--blue-hover)}.login-card button:disabled{opacity:.6;cursor:wait}.login-error{color:var(--red-ink);margin:16px 0 0}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-size:1.05rem;font-weight:600;display:flex}.brand svg{flex:none;width:24px;height:24px}.brand-link{color:inherit;text-decoration:none}.app-fill{flex-direction:column;height:100dvh;display:flex}.app-fill .main{flex:1}.app-page{min-height:100vh}.topbar{z-index:1000;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hair);background:#fffc;flex:none;align-items:center;gap:28px;height:52px;padding:0 22px;display:flex;position:sticky;top:0}.mainnav{flex:1;gap:2px;display:flex}.mainnav a,.mobilenav a{color:var(--ink);opacity:.8;white-space:nowrap;border-radius:980px;padding:6px 12px;font-size:.9rem;text-decoration:none}.mainnav a:hover,.mobilenav a:hover{opacity:1}.mainnav a[aria-current=page],.mobilenav a[aria-current=page]{opacity:1;background:var(--card);font-weight:600}.mobilenav{display:none}.topbar-right{align-items:center;gap:6px;margin-left:auto;font-size:.85rem;display:flex}.topbar-right form{margin:0}.updated{color:var(--faint);margin-right:6px}.topbar-right button{color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:980px;padding:6px 10px;font-size:.9rem}.topbar-right button:hover{background:var(--blue-soft)}.statusbar{background:var(--bg);flex:none;gap:8px;padding:14px 22px;display:flex;overflow-x:auto}.chip{background:var(--card);cursor:pointer;white-space:nowrap;color:var(--ink);border:0;border-radius:980px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.chip strong{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.chip .dot{border-radius:50%;width:8px;height:8px}.chip:hover{background:#ececf0}.chip[aria-pressed=true]{background:var(--ink);color:var(--white)}.main{grid-template-columns:380px 1fr;gap:16px;min-height:0;padding:0 22px 22px;display:grid}.panel{background:var(--card);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:hidden}.search{padding:14px 14px 10px}.search input{background:#e3e3e8;border:0;border-radius:10px;width:100%;padding:10px 14px;font-size:.95rem}.search input::placeholder{color:var(--faint)}.search input:focus{background:var(--white);outline:none;box-shadow:0 0 0 3px #0071e340}.list{flex:1;margin:0;padding:0 8px 8px;list-style:none;overflow-y:auto}.row{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:start;gap:2px 12px;padding:12px;display:grid}.row:hover{background:#0000000a}.row[aria-current=true]{background:var(--white);box-shadow:0 1px 3px #00000014}.row .vbadge{grid-row:1/3;align-self:center}.row .num{font-weight:600}.row .meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2/4;font-size:.85rem;overflow:hidden}.row .right{text-align:right;color:var(--muted);font-size:.85rem}.row .right b{color:var(--ink);font-weight:600}.empty{color:var(--muted);padding:28px 16px;list-style:none}.notice{color:var(--red-ink);background:#fff1f0;border-radius:12px;margin:8px 14px;padding:12px 14px;font-size:.9rem}.mapwrap{border-radius:var(--radius);background:var(--card);min-height:0;position:relative;overflow:hidden}.mapwrap .leaflet-container{background:#eef0f2;width:100%;height:100%;font-family:inherit}.mapwrap .leaflet-tile-pane{filter:grayscale(.55)saturate(.8)brightness(1.04)contrast(.95)}.leaflet-popup-content-wrapper{border-radius:14px!important;box-shadow:0 8px 30px #0000001f!important}.leaflet-bar a{color:var(--ink)!important}.leaflet-bar{overflow:hidden;border:0!important;border-radius:10px!important;box-shadow:0 2px 10px #0000001f!important}.maplegend{z-index:500;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-radius:14px;flex-wrap:wrap;gap:6px 14px;max-width:calc(100% - 24px);padding:8px 12px;font-size:.8rem;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 10px #0000001a}.maplegend span{align-items:center;gap:6px;display:inline-flex}.mapwrap .leaflet-bottom.leaflet-right{z-index:400}.vpin-wrap{background:0 0;border:0}.vpin,.vbadge{box-sizing:border-box;border:2.5px solid #fff;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 1px 2px #0000002e,0 3px 10px #00000029}.vpin svg,.vbadge svg{display:block}.vbadge{border-width:2px;box-shadow:0 1px 2px #0000001f}.vpin-wrap.selected .vpin{border-width:3px;box-shadow:0 0 0 6px #0071e32e,0 4px 14px #00000038}@media (prefers-reduced-motion:no-preference){.vpin{transition:transform .15s}.vpin-wrap:hover .vpin{transform:scale(1.12)}}.popup b{font-size:1rem;font-weight:600}.popup p{color:var(--muted);margin:3px 0 0}.tabs{display:none}.pagebody{max-width:1180px;margin:0 auto;padding:44px 22px 80px}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.pagehead h1{letter-spacing:-.025em;margin:0 0 8px;font-size:2.5rem;font-weight:700;line-height:1.08}.pagehead p{color:var(--muted);max-width:60ch;margin:0;font-size:1.1rem}.segmented{background:var(--card);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:8px;padding:6px 16px;font-size:.9rem}.segmented button[aria-pressed=true]{background:var(--white);font-weight:600;box-shadow:0 1px 3px #0000001f}.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:14px;display:grid}.tile{background:var(--card);border-radius:var(--radius);padding:20px 22px}.tile .k{color:var(--muted);align-items:center;gap:6px;margin:0 0 8px;font-size:.88rem;display:flex}.tile .v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:2.1rem;font-weight:600;line-height:1.05}.tile .v small{color:var(--muted);letter-spacing:-.01em;margin-left:4px;font-size:.95rem;font-weight:500}.tile .s{color:var(--muted);margin:8px 0 0;font-size:.85rem}.tile.warn .v{color:var(--orange-ink)}.tile.bad .v{color:var(--red-ink)}.grid2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.card{background:var(--card);border-radius:var(--radius);min-width:0;margin-bottom:14px;padding:24px 26px}.card h2{letter-spacing:-.02em;margin:0 0 6px;font-size:1.3rem;font-weight:600}.card .sub{color:var(--muted);margin:0 0 18px;font-size:.92rem}.card .foot{color:var(--faint);margin:16px 0 0;font-size:.82rem}.barlist{gap:12px;margin:0;padding:0;list-style:none;display:grid}.barlist li{grid-template-columns:minmax(120px,36%) 1fr 52px;align-items:center;gap:12px;font-size:.9rem;display:grid}.barlist .track{background:#e3e3e8;border-radius:980px;height:10px;overflow:hidden}.barlist .fill{background:var(--blue);border-radius:980px;min-width:4px;height:100%}.barlist .val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.trend{grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:170px;display:grid}.trend .col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.trend .bar{background:var(--blue);border-radius:8px;width:60%;max-width:36px;min-height:4px}.trend .n{font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.trend .d{color:var(--muted);font-size:.78rem}.tablewrap{margin:0 -26px;padding:0 26px;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.9rem}table.data th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px;font-size:.82rem;font-weight:500}table.data th button{all:unset;cursor:pointer}table.data th button:hover{color:var(--ink)}table.data th button:focus-visible{border-radius:4px;outline:3px solid #0071e373}table.data td{border-bottom:1px solid var(--hair);white-space:nowrap;padding:12px}table.data tr:last-child td{border-bottom:0}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tr:hover td{background:#ffffffb3}.flag{border-radius:980px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.flag.low{color:var(--red-ink);background:#ffe5e3}.flag.ok{color:var(--green-ink);background:#e1f5e6}.flag.mid{color:var(--orange-ink);background:#fff0d9}.muted{color:var(--muted)}.demo-banner{background:var(--card);color:var(--muted);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 18px;font-size:.92rem;display:flex}.demo-banner strong{white-space:nowrap;background:var(--idle);color:var(--white);letter-spacing:.02em;border-radius:980px;margin-top:1px;padding:3px 9px;font-size:.72rem}.demo-tag{color:var(--orange-ink);background:#fff0d9;border-radius:980px;padding:1px 7px;font-size:.68rem;font-weight:700;display:inline-block}.events{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.event{background:var(--white);border-radius:16px;overflow:hidden}.event .shot{aspect-ratio:16/9;background:#2c2c2e;position:relative}.event .shot svg{width:100%;height:100%;position:absolute;inset:0}.event .shot .lbl{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0000008c;border-radius:980px;padding:4px 10px;font-size:.78rem;font-weight:500;position:absolute;top:10px;left:10px}.event .shot .ts{color:#fff;opacity:.85;font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;bottom:9px;right:12px}.event .body{padding:14px 16px 16px}.event .body p{margin:0 0 2px;font-size:.88rem}.event .body .t{font-size:.95rem;font-weight:600}.event .body button{background:var(--card);color:var(--faint);cursor:not-allowed;border:0;border-radius:980px;margin-top:10px;padding:6px 14px;font-size:.85rem}.sev{align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:inline-flex}.sev:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.sev.high{color:var(--red-ink)}.sev.medium{color:var(--orange-ink)}.sev.low{color:var(--stopped)}@media (max-width:1100px){.mainnav{display:none}.mobilenav{background:var(--bg);border-bottom:1px solid var(--hair);flex:none;gap:4px;padding:8px 14px;display:flex;overflow-x:auto}}@media (max-width:860px){.topbar{gap:12px;padding:0 14px}.updated{display:none}.statusbar{padding:12px 14px}.tabs{background:var(--card);border-radius:10px;margin:0 14px 12px;padding:3px;display:flex}.tabs button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:7px;font-size:.9rem}.tabs button[aria-selected=true]{background:var(--white);font-weight:600;box-shadow:0 1px 3px #0000001f}.main{grid-template-columns:1fr;padding:0 14px 14px}.main[data-view=map] .panel,.main[data-view=list] .mapwrap{display:none}.grid2{grid-template-columns:1fr}.pagebody{padding:28px 16px 56px}.pagehead h1{font-size:2rem}.card{padding:20px 18px}.tablewrap{margin:0 -18px;padding:0 18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}