@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f2f4f5;--panel: #ffffff;--ink: #1b2730;--ink-2: #4a5964;--ink-3: #7b8892;--line: #d9dfe3;--line-2: #eaeef0;--brand: #0f5e73;--brand-soft: #e3eff2;--ok: #2e8b57;--l1: #d9a400;--l2: #e46a1b;--l3: #c8102e;--off: #8a96a0;--ok-soft: #e6f3ec;--l1-soft: #fbf3d6;--l2-soft: #fde9dc;--l3-soft: #fbe3e7;--off-soft: #eef0f2;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Pretendard Variable", Pretendard, system-ui, sans-serif;--r: 6px;color-scheme:light}:root[data-theme=dark]{--bg: #0f151a;--panel: #172028;--ink: #e6edf2;--ink-2: #b4c0c9;--ink-3: #82909b;--line: #2a3640;--line-2: #212c35;--brand: #5cb8cf;--brand-soft: #16323b;--ok-soft: #12291d;--l1-soft: #33290a;--l2-soft: #3a210f;--l3-soft: #3d1219;--off-soft: #222c34;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);font-feature-settings:"tnum"}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100%;background:linear-gradient(to right,var(--panel) 232px,transparent 232px)}.side{background:var(--panel);border-right:1px solid var(--line);padding:18px 0;position:sticky;top:0;height:100vh;overflow-y:auto}.brandmark{padding:0 20px 18px;border-bottom:1px solid var(--line-2);margin-bottom:8px}.brandmark b{display:block;font-size:15px;letter-spacing:-.02em}.brandmark span{font-size:12px;color:var(--ink-3)}.nav a{display:flex;justify-content:space-between;align-items:baseline;padding:9px 20px;text-decoration:none;color:var(--ink-2);border-left:3px solid transparent}.nav a:hover{background:var(--line-2)}.nav a.active{color:var(--ink);font-weight:600;border-left-color:var(--brand);background:var(--brand-soft)}.nav a small{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);font-weight:400}.main{min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:5}.topbar h1{font-size:19px;margin:0;letter-spacing:-.03em;font-weight:700}.topbar .ref{font-size:12px;color:var(--ink-3)}.topbar .spacer{flex:1}.clock{font-family:var(--mono);font-size:13px;color:var(--ink-2)}.btn{text-decoration:none;display:inline-block;border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:6px 12px;cursor:pointer}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.page{padding:22px 28px 40px;display:grid;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.panel>header{display:flex;align-items:baseline;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-2)}.panel>header h2{font-size:14px;margin:0;font-weight:700;letter-spacing:-.01em}.panel>header .sub{font-size:12px;color:var(--ink-3)}.panel>header .right{margin-left:auto}.panel .body{padding:14px 16px}.grid-2{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,1fr);gap:18px;align-items:start}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stack{display:grid;gap:18px}.muted{color:var(--ink-3)}.empty{padding:28px 16px;text-align:center;color:var(--ink-3)}.hazard>header{border-bottom:0;position:relative;padding-top:18px}.hazard>header:before{content:"";position:absolute;inset:0 0 auto 0;height:7px;border-radius:var(--r) var(--r) 0 0;background:repeating-linear-gradient(-45deg,#f2c200 0,#f2c200 10px,#1b2730 10px,#1b2730 20px)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.s-ok{color:var(--ok);background:var(--ok-soft)}.s-l1{color:#8a6800;background:var(--l1-soft)}.s-l2{color:var(--l2);background:var(--l2-soft)}.s-l3{color:var(--l3);background:var(--l3-soft)}.s-offline{color:var(--off);background:var(--off-soft)}.s-invalid{color:var(--ink-2);background:var(--off-soft)}:root[data-theme=dark] .s-l1{color:var(--l1)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line-2);padding:0 10px;overflow-x:auto}.tabs button{border:0;background:none;padding:10px 12px;cursor:pointer;color:var(--ink-3);border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--brand)}.tabs button .cnt{font-family:var(--mono);font-size:11px;margin-left:4px}.plan{position:relative;width:100%;aspect-ratio:2000 / 1125;background:#fff;overflow:hidden}.plan img{width:100%;height:100%;display:block}.dot{position:absolute;transform:translate(-50%,-50%);width:2.3%;aspect-ratio:1;border-radius:50%;border:3px solid #fff;cursor:pointer;padding:0;box-shadow:0 0 0 1px #00000040,0 1px 4px #0000004d}.dot.ok{background:var(--ok)}.dot.l1{background:var(--l1)}.dot.l2{background:var(--l2)}.dot.l3{background:var(--l3);animation:pulse 1.6s ease-out infinite}.dot.offline{background:var(--off)}.dot.invalid{background:repeating-linear-gradient(45deg,var(--off) 0 3px,#fff 3px 6px)}.dot-label{position:absolute;transform:translate(-50%);margin-top:1.6%;font:600 11px var(--mono);background:#ffffffeb;color:#1b2730;padding:1px 5px;border-radius:3px;pointer-events:none;white-space:nowrap}@keyframes pulse{0%{box-shadow:0 0 #c8102e8c,0 1px 4px #0000004d}to{box-shadow:0 0 0 14px #c8102e00,0 1px 4px #0000004d}}@media (prefers-reduced-motion: reduce){.dot.l3{animation:none}}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 16px;border-top:1px solid var(--line-2);font-size:12px;color:var(--ink-2)}.alerts{list-style:none;margin:0;padding:0}.alerts li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line-2)}.alerts li:last-child{border-bottom:0}.alerts .what b{display:block}.alerts .what span{font-size:12px;color:var(--ink-3)}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.kv div{border:1px solid var(--line-2);border-radius:var(--r);padding:8px 10px}.kv dt{font-size:11.5px;color:var(--ink-3)}.kv dd{margin:2px 0 0;font:600 17px var(--mono)}.kv dd small{font:400 11px var(--sans);color:var(--ink-3);margin-left:3px}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{text-align:left;font-weight:600;color:var(--ink-2);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--line-2);white-space:nowrap}table.t td{padding:8px 10px;border-bottom:1px solid var(--line-2);vertical-align:top}table.t td.n,table.t th.n{text-align:right;font-family:var(--mono)}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--line-2)}.stat{padding:14px 16px}.stat .label{font-size:12px;color:var(--ink-3)}.stat .value{font:600 28px/1.15 var(--mono);letter-spacing:-.02em;margin-top:4px}.stat .value small{font:400 13px var(--sans);color:var(--ink-3);margin-left:4px}.stat .foot{font-size:12px;color:var(--ink-2);margin-top:6px}.target-ok{color:var(--ok)}.target-no{color:var(--l2)}form.row{display:flex;flex-wrap:wrap;gap:8px;align-items:end}form.row label{display:grid;gap:3px;font-size:12px;color:var(--ink-3)}input,select,textarea{border:1px solid var(--line);background:var(--panel);border-radius:var(--r);padding:6px 9px}.note{font-size:12.5px;color:var(--ink-2);background:var(--line-2);border-radius:var(--r);padding:10px 12px}@media (max-width: 1100px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.page{padding:16px}.topbar{padding:12px 16px;flex-wrap:wrap}}@media print{.side,.topbar .noprint,.noprint{display:none!important}.shell{grid-template-columns:1fr}.topbar{position:static}body{background:#fff}.panel{break-inside:avoid}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--bg)}.login{width:min(360px,100%);padding:24px;display:grid;gap:14px;border-top:6px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--l1) 0 10px,var(--ink) 10px 20px) 6 0 0 0}.login .brandmark{padding:0 0 14px}.login label{display:grid;gap:4px;font-size:12px;color:var(--ink-3)}.login input{font-size:15px;padding:8px 10px}.login-msg{color:var(--l3);font-size:13px}.who{font-size:13px;color:var(--ink-2)}