:root{--bg: #0a0d11;--bg-1: #0f1419;--bg-2: #141b22;--bg-3: #1a232d;--bg-4: #212c38;--line: #1f2a35;--line-2: #2b3745;--fg: #e8eef4;--fg-1: #b9c4d0;--fg-2: #8391a0;--fg-3: #5a6775;--accent: #35c7b4;--accent-dim: rgba(53, 199, 180, .16);--accent-2: #8ed4ff;--crit: #ff5c6a;--crit-dim: rgba(255, 92, 106, .16);--major: #ffb020;--major-dim: rgba(255, 176, 32, .16);--gen: #4c9aff;--gen-dim: rgba(76, 154, 255, .16);--ok: #35d07f;--ok-dim: rgba(53, 208, 127, .14);--muted: #6b7684;--muted-dim: rgba(107, 118, 132, .18);--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--r-1: 4px;--r-2: 8px;--r-3: 12px;--rail-w: 64px;--top-h: 48px;--timeline-h: 92px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);--t-fast: .12s;--t-med: .22s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:var(--accent-2);text-decoration:none}::selection{background:var(--accent-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--fg-2)}.dim{color:var(--fg-3)}.small{font-size:11.5px}.tiny{font-size:10.5px;letter-spacing:.02em}.caps{text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;color:var(--fg-3)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:grid;grid-template-columns:var(--rail-w) 1fr;grid-template-rows:var(--top-h) 1fr var(--timeline-h);height:100%}.rail{grid-row:1 / span 3;background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px}.rail .logo{width:36px;height:36px;display:grid;place-items:center;margin-bottom:10px;color:var(--accent)}.rail button{width:52px;height:52px;border-radius:var(--r-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--fg-2);font-size:10.5px;transition:background var(--t-fast),color var(--t-fast);position:relative}.rail button:hover{background:var(--bg-3);color:var(--fg)}.rail button.active{background:var(--accent-dim);color:var(--accent)}.rail button .badge{position:absolute;top:6px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--crit);color:#fff;font-size:10px;display:grid;place-items:center;font-family:var(--mono)}.rail .spacer{flex:1}.topbar{grid-column:2;background:var(--bg-1);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:14px}.topbar .title{font-weight:600;font-size:14px;letter-spacing:.02em}.topbar .crumb{color:var(--fg-3)}.main{grid-column:2;min-height:0;overflow:hidden;position:relative}.timeline{grid-column:2;background:var(--bg-1);border-top:1px solid var(--line)}.live{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;background:var(--ok-dim);color:var(--ok);font-family:var(--mono);font-size:11.5px;border:1px solid transparent}.live .dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 1.6s infinite}.live.paused{background:var(--major-dim);color:var(--major)}.live.paused .dot{animation:none}.live.offline{background:var(--crit-dim);color:var(--crit)}@keyframes pulse{0%{box-shadow:0 0 #35d07f80}70%{box-shadow:0 0 0 6px #35d07f00}to{box-shadow:0 0 #35d07f00}}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--r-1);background:var(--bg-3);color:var(--fg-1);font-size:11.5px;white-space:nowrap}.chip .k{color:var(--fg-3)}.sev{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.02em}.sev.critical{background:var(--crit-dim);color:var(--crit)}.sev.major{background:var(--major-dim);color:var(--major)}.sev.general{background:var(--gen-dim);color:var(--gen)}.st{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--fg-2)}.st:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.st.online:before{background:var(--ok)}.st.degraded:before{background:var(--major)}.st.offline:before{background:var(--crit)}.st.expected_offline:before{background:var(--muted);box-shadow:0 0 0 2px var(--muted-dim)}.st.unknown:before{background:var(--bg-4);border:1px solid var(--line-2)}.st.open:before{background:var(--crit)}.st.acked:before{background:var(--major)}.st.handling:before{background:var(--accent)}.st.closed:before{background:var(--muted)}.tarp{font-size:11px;padding:1px 6px;border-radius:3px}.tarp.covered{background:var(--ok-dim);color:var(--ok)}.tarp.uncovered{background:var(--crit-dim);color:var(--crit)}.tarp.unknown{background:var(--muted-dim);color:var(--fg-3)}.panel{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-3);display:flex;flex-direction:column;min-height:0}.panel>.hd{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);min-height:40px}.panel>.hd .t{font-weight:600;font-size:12.5px}.panel>.bd{flex:1;min-height:0;overflow:auto}.panel>.bd.pad{padding:12px 14px}.kpi{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-3);padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi .k{color:var(--fg-3);font-size:11px;letter-spacing:.04em}.kpi .v{font-family:var(--mono);font-size:24px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.kpi .v .u{font-size:12px;color:var(--fg-3);margin-left:4px;font-family:var(--sans)}.kpi .s{color:var(--fg-2);font-size:11.5px}.kpi.crit .v{color:var(--crit)}.kpi.major .v{color:var(--major)}.kpi.ok .v{color:var(--ok)}.kpi.accent .v{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-2);background:var(--bg-3);color:var(--fg-1);font-size:12px;border:1px solid var(--line-2);transition:background var(--t-fast),border-color var(--t-fast);white-space:nowrap}.btn:hover{background:var(--bg-4);color:var(--fg)}.btn.primary{background:var(--accent);color:#062521;border-color:transparent;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:var(--crit-dim);color:var(--crit);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover{background:var(--bg-3)}.btn.sm{padding:3px 8px;font-size:11.5px}.btn.active{background:var(--accent-dim);color:var(--accent);border-color:transparent}.btn:disabled{opacity:.45;cursor:default}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-2);padding:2px;gap:2px}.seg button{padding:3px 9px;border-radius:6px;font-size:11.5px;color:var(--fg-2)}.seg button.active{background:var(--bg-4);color:var(--fg)}.input{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-2);padding:6px 10px;font-size:12.5px;color:var(--fg);outline:none}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:56px}.table{width:100%;border-collapse:collapse;font-size:12.5px}.table th{text-align:left;color:var(--fg-3);font-weight:500;font-size:11px;letter-spacing:.04em;padding:8px 12px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-1);z-index:1}.table td{padding:7px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--bg-2)}.table tr.sel td{background:var(--accent-dim)}.screen{position:absolute;inset:0;padding:14px;display:grid;gap:12px;min-height:0}.screen.full{padding:0;display:block}.tl{height:100%;display:grid;grid-template-columns:150px 1fr 170px;align-items:stretch}.tl .left{display:flex;flex-direction:column;justify-content:center;padding:0 14px;gap:4px;border-right:1px solid var(--line)}.tl .right{display:flex;flex-direction:column;justify-content:center;padding:0 14px;gap:6px;border-left:1px solid var(--line)}.tl .track{position:relative;cursor:crosshair;-webkit-user-select:none;user-select:none}.tl .track svg{position:absolute;inset:0;width:100%;height:100%;display:block}.tl .cursor{position:absolute;top:0;bottom:0;width:1px;min-width:1px;max-width:1px;padding:0;background:var(--accent);pointer-events:none;box-sizing:content-box}.tl .cursor:after{content:attr(data-t);position:absolute;top:4px;left:6px;font-family:var(--mono);font-size:10.5px;color:var(--accent);background:var(--bg-1);padding:1px 5px;border-radius:3px;white-space:nowrap}.tl .cursor.right:after{left:auto;right:6px}.alarm-card{padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:4px 1fr;gap:10px;transition:background var(--t-fast)}.alarm-card:hover{background:var(--bg-2)}.alarm-card.sel{background:var(--accent-dim)}.alarm-card .bar{border-radius:2px;background:var(--muted)}.alarm-card.critical .bar{background:var(--crit)}.alarm-card.major .bar{background:var(--major)}.alarm-card.general .bar{background:var(--gen)}.alarm-card.closed{opacity:.55}.alarm-card .t{font-weight:600;font-size:12.5px}.alarm-card .d{color:var(--fg-2);font-size:11.5px;margin-top:2px}.alarm-card .m{display:flex;gap:8px;align-items:center;margin-top:6px}.cam{position:relative;background:#05070a;border-radius:var(--r-2);overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line)}.cam canvas{display:block;width:100%;height:100%}.cam.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cam .tag{position:absolute;left:8px;bottom:8px;display:flex;gap:6px}.cam.fill{aspect-ratio:auto;height:100%}.map{position:absolute;inset:0}.map .maplibregl-ctrl-attrib{display:none}.map .maplibregl-canvas{outline:none}.zone-label{color:#e8eef4b8;font-size:11px;letter-spacing:.14em;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;font-weight:600}.asset-label{background:#0a0d11d9;border:1px solid var(--line-2);color:var(--fg);padding:2px 7px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;transform:translate(10px,-50%)}.pulse{width:22px;height:22px;border-radius:50%;pointer-events:none}.pulse.inline{position:relative;display:inline-block}.pulse:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--crit);animation:ring 1.4s ease-out infinite}.pulse.major:before{border-color:var(--major)}.pulse.general:before{border-color:var(--gen)}@keyframes ring{0%{transform:scale(.4);opacity:1}to{transform:scale(1.8);opacity:0}}.map-overlay{position:absolute;z-index:5}.legend{display:flex;flex-direction:column;gap:4px;background:#0f1419e6;border:1px solid var(--line);border-radius:var(--r-2);padding:8px 10px;font-size:11px;color:var(--fg-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.legend .i{display:flex;align-items:center;gap:7px}.legend .sw{width:9px;height:9px;border-radius:50%}.side{position:absolute;top:12px;right:12px;bottom:12px;width:380px;z-index:6}.log-line{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.log-line .sec{color:var(--fg-3);font-size:11px;letter-spacing:.06em;padding-top:3px}.log-line .txt{font-size:13.5px;line-height:1.6}.log-line .refs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ref{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:3px;font-family:var(--mono);font-size:10.5px;background:var(--bg-3);color:var(--fg-2);border:1px solid var(--line);cursor:pointer}.ref:hover{border-color:var(--accent);color:var(--accent)}.ref.al{color:var(--major)}.ref.warn{color:var(--major);border-color:var(--major-dim);background:var(--major-dim);cursor:default}.fact{background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-2);padding:10px 12px;font-family:var(--mono);font-size:11px;white-space:pre-wrap;word-break:break-all;max-height:260px;overflow:auto}.empty{display:grid;place-items:center;color:var(--fg-3);height:100%;padding:30px;text-align:center;font-size:12px}.hr{height:1px;background:var(--line);margin:8px 0}.kv{display:grid;grid-template-columns:76px 1fr;gap:4px 10px;font-size:12px}.kv .k{color:var(--fg-3)}.action-line{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12px}.action-line .at{color:var(--fg-3);font-family:var(--mono);font-size:11px;padding-top:2px}.action-line .who{color:var(--fg-1)}.action-line .note{color:var(--fg-2)}.toast{position:fixed;bottom:calc(var(--timeline-h) + 16px);left:50%;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--line-2);color:var(--fg);padding:8px 14px;border-radius:var(--r-2);box-shadow:var(--shadow);z-index:50;font-size:12.5px}.menu{position:absolute;top:40px;right:0;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--r-2);box-shadow:var(--shadow);padding:6px;z-index:40;min-width:240px}.menu button{display:flex;width:100%;text-align:left;padding:7px 10px;border-radius:6px;gap:8px;align-items:center;color:var(--fg-1);font-size:12.5px}.menu button:hover{background:var(--bg-4);color:var(--fg)}.menu .h{padding:4px 10px 6px}.due-badge{font:11px/1 ui-monospace,SF Mono,Menlo,monospace;padding:2px 4px;border-radius:3px;transform:translateY(-10px);background:#0a0d11d1;color:var(--major);border:1px solid var(--major);pointer-events:none;white-space:nowrap}.due-badge.over{color:var(--critical);border-color:var(--critical)}:root{--accent: #8ed4ff;--accent-dim: rgba(142, 212, 255, .14)}.con{display:grid;grid-template-rows:48px 1fr;height:100%}.con-top{display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg-1)}.con-top .brand{font-weight:700;letter-spacing:.06em;color:var(--accent)}.con-top .tabs{display:flex;gap:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-2);padding:2px}.con-top .tabs button{padding:4px 12px;border-radius:6px;color:var(--fg-2);font-size:12.5px}.con-top .tabs button.active{background:var(--bg-4);color:var(--fg)}.con-main{position:relative;min-height:0;overflow:auto;padding:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:start}.kvs{display:grid;grid-template-columns:140px 1fr;gap:4px 12px;font-size:12.5px}.kvs .k{color:var(--fg-3)}.chain{display:flex;flex-direction:column;gap:0}.stage{display:grid;grid-template-columns:64px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.stage .name{color:var(--accent);font-weight:600;font-size:12px;padding-top:2px}.stage .item{padding:4px 0;display:grid;grid-template-columns:56px 1fr;gap:10px;font-size:12.5px}.stage .item .at{color:var(--fg-3);font-family:var(--mono);font-size:11px}.stage .item .d{color:var(--fg-2);font-size:11.5px}.num-in{width:84px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:6px;padding:3px 6px;color:var(--fg);font-family:var(--mono);font-size:12px}.num-in.changed{border-color:var(--accent);color:var(--accent)}.diff-add{color:var(--crit)}.diff-rm{color:var(--ok)}.mono-block{font-family:var(--mono);font-size:11px;white-space:pre-wrap;word-break:break-all;background:var(--bg-2);border-radius:6px;padding:8px 10px}.bar{display:inline-block;height:6px;background:var(--accent-dim);border-radius:3px;vertical-align:middle}.bar>i{display:block;height:100%;background:var(--accent);border-radius:3px}.st-chip{display:inline-block;padding:1px 6px;border-radius:4px;font-size:11px;border:1px solid var(--line-2);color:var(--fg-2)}.st-chip.live{color:var(--ok);border-color:var(--ok)}.st-chip.candidate{color:var(--major);border-color:var(--major)}.st-chip.rejected,.st-chip.superseded{color:var(--fg-3)}.row-sel{background:var(--bg-3)}.table tr.clickable{cursor:pointer}.explain{border-left:2px solid var(--accent);padding:6px 10px;margin-top:10px;color:var(--fg-2);font-size:12.5px}.con .mini{font-size:11px;padding:2px 8px;border:1px solid var(--line-2);border-radius:4px;color:var(--fg-2);background:var(--bg-2)}.con .mini:hover{color:var(--accent);border-color:var(--accent)}.con .tbl{border-collapse:collapse;width:100%;font-size:12px}.con .tbl th,.con .tbl td{text-align:left;padding:3px 8px;border-bottom:1px solid var(--line)}.con .tbl th{color:var(--fg-3);font-weight:500;letter-spacing:.04em}.con .tbl td.num,.con .tbl th.num{font-family:var(--mono);text-align:right}.con .st-chip.crit{color:var(--crit);border-color:var(--crit)}.con .mini.on{color:var(--accent);border-color:var(--accent)}.con a.mini{text-decoration:none;display:inline-block}@media print{.con .con-top,.con .noprint{display:none!important}.con .con-main{padding:0}.con .paper .panel{break-inside:avoid;border:1px solid #999;background:#fff;color:#000}.con .paper .tbl th,.con .paper .tbl td{border-bottom:1px solid #ccc}}