:root{--bg: #f4f5f7;--panel: #ffffff;--panel-2: #f9fafb;--line: #e3e6ea;--line-2: #eef0f3;--text: #1c2024;--text-2: #5b636d;--text-3: #8a929c;--accent: #2f6fde;--accent-soft: #e8f0fd;--accent-text: #1f56b8;--good: #1b8a5a;--good-soft: #e5f5ed;--warn: #b26a00;--warn-soft: #fdf2e0;--bad: #c43d3d;--bad-soft: #fbeaea;--lamp: #e8a317;--lamp-soft: #fff6dc;--lamp-text: #8a5a00;--side: #15181c;--side-text: #c7ccd2;--side-dim: #7d858f;--side-active: #ffffff;--side-hover: #22272d;--side-line: #262b31;--side-btn: #343a42;--term-bg: #0f1114;--term-text: #b8e6c9;--radius: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1114;--panel: #171a1e;--panel-2: #1c2025;--line: #2a2f36;--line-2: #22262c;--text: #e6e9ec;--text-2: #a3abb5;--text-3: #737b85;--accent: #5b92f0;--accent-soft: #1b2a44;--accent-text: #8fb4f5;--good: #3cc488;--good-soft: #15302a;--warn: #e3a447;--warn-soft: #33281a;--bad: #ec6b6b;--bad-soft: #3a1d1f;--lamp: #f0b43c;--lamp-soft: #362a12;--lamp-text: #f3c86a;--side: #0b0c0e;--side-hover: #1a1d21;--term-bg: #0b0c0e;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.01em}.boot{padding:48px;color:var(--text-3)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.side{background:var(--side);color:var(--side-text);padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 14px}.brand-mark{flex:none;width:32px;height:32px;border-radius:8px;background:var(--lamp);color:#1c1606;display:grid;place-items:center}.brand-mark svg{width:18px;height:18px}.brand-name{font-weight:700;color:#fff;font-size:15px;line-height:1.25}.brand-name small{display:block;color:var(--side-dim);font-weight:500;font-size:12px}.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--side-btn);color:var(--side-text);border-radius:6px;padding:2px 9px;cursor:pointer;font-size:15px}.side-body{display:flex;flex-direction:column;flex:1}.nav-group{margin:14px 0 4px;padding:0 10px;font-size:11.5px;color:var(--side-dim);font-weight:600;letter-spacing:.02em}.nav a{display:flex;align-items:center;gap:9px;color:var(--side-text);padding:7px 10px;border-radius:6px;font-size:13.5px}.nav a svg{width:16px;height:16px;flex:none;opacity:.75}.nav a:hover{background:var(--side-hover);text-decoration:none}.nav a.active{background:var(--side-hover);color:var(--side-active);font-weight:600;box-shadow:inset 2px 0 0 var(--accent)}.nav a.active svg{opacity:1}.side-foot{margin-top:auto;padding:12px 10px 0;border-top:1px solid var(--side-line);font-size:12px;color:var(--side-dim)}.side-foot .who{color:var(--side-text);font-weight:600;font-size:13px}.side-foot button{background:none;border:1px solid var(--side-btn);color:var(--side-text);border-radius:6px;padding:4px 10px;cursor:pointer;margin-top:8px}.side-foot button:hover{background:var(--side-hover)}.main{min-width:0}.top{display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:5}.top h1{font-size:17px;margin:0;font-weight:700}.top .crumb{color:var(--text-3);font-size:13px}.spacer{flex:1}.content{padding:22px 28px 48px;max-width:1440px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:14px 16px 0}.panel-h h2{font-size:14px;margin:0;font-weight:650;white-space:nowrap}.panel-h .sub{color:var(--text-3);font-size:12.5px;min-width:min(14em,100%)}.panel-h .tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.panel-b{padding:12px 16px 16px}.panel-b.flush{padding:12px 0 4px}.panel-b.flush .t th:first-child,.panel-b.flush .t td:first-child{padding-left:16px}.panel-b.flush .t th:last-child,.panel-b.flush .t td:last-child{padding-right:16px}.grid{display:grid;gap:16px}.grid>*{min-width:0}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.stack>*+*{margin-top:16px}.kpi{padding:14px 16px}.kpi .label{color:var(--text-2);font-size:12.5px}.kpi .value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums;line-height:1.25}.kpi .value small{font-size:15px;font-weight:600;color:var(--text-3);margin-left:2px}.kpi .value.muted{color:var(--text-3);font-size:18px;font-weight:600}.kpi .note{color:var(--text-3);font-size:12px;margin-top:2px;overflow-wrap:anywhere}.kpi.good .value{color:var(--good)}.kpi.warn .value{color:var(--warn)}.kpi.bad .value{color:var(--bad)}.kpi.warn{border-left:3px solid var(--warn)}.kpi.bad{border-left:3px solid var(--bad)}table.t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.t th{text-align:left;font-weight:600;color:var(--text-2);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel-2);white-space:nowrap}.t td{padding:9px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle;word-break:keep-all}.t tr:last-child td{border-bottom:0}.t tbody tr:hover td{background:var(--panel-2)}.t.sm td{padding:7px 10px;font-size:13px}.t .num{text-align:right}.t .dim,.dim{color:var(--text-3)}.t .act{text-align:right;white-space:nowrap}.t .time{white-space:nowrap}.t .wide{min-width:10em}.t .sm,.t .dim.sm{font-size:12px}.t .act .btn+.btn{margin-left:6px}.t td.empty{padding:28px 16px}.t tr.alert td,.t tr.alert:hover td{background:var(--bad-soft)}.t-wrap{overflow-x:auto}.mono{font-family:var(--mono);font-size:12.5px}.wrap-any{overflow-wrap:anywhere;word-break:break-all}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--line-2);color:var(--text-2);white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.accent{background:var(--accent-soft);color:var(--accent-text)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tags{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:6px 12px;cursor:pointer;font-weight:550;font-size:13px;white-space:nowrap}.btn:hover{background:var(--panel-2);text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--bad)}.btn.danger.solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn.warn{color:var(--warn)}.btn.sm{padding:3px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.seg button{border:0;background:none;padding:5px 11px;cursor:pointer;font-size:13px;color:var(--text-2);white-space:nowrap}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.seg button .n{margin-left:4px;font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.seg button .n.hot{color:var(--bad);font-weight:700}select.sel,input.in,textarea.in{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:6px 9px;font-size:13.5px;width:100%}select.sel:focus,input.in:focus,textarea.in:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input.in.search{width:240px;max-width:100%}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 18px}.form .full{grid-column:1 / -1}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:4px}.field .hint{font-size:12px;color:var(--text-3);margin-top:3px}.check{display:inline-flex;align-items:flex-start;gap:8px;font-size:13.5px;cursor:pointer}.check input{margin-top:3px}.actions{display:flex;gap:8px;justify-content:flex-end}.notice{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--radius);padding:10px 14px;color:var(--text-2);font-size:13px}.notice.warn{border-color:transparent;background:var(--warn-soft);color:var(--warn)}.notice.bad{border-color:transparent;background:var(--bad-soft);color:var(--bad)}.notice.info{border-color:transparent;background:var(--accent-soft);color:var(--accent-text)}.notice code,.t code{font-size:12px;background:var(--line-2);padding:1px 5px;border-radius:4px;color:var(--text)}.empty{padding:28px 16px;text-align:center;color:var(--text-3);font-size:13px}.bar{height:6px;background:var(--line-2);border-radius:3px;overflow:hidden;min-width:60px;margin-top:8px}.bar>i{display:block;height:100%;background:var(--accent)}.bar.good>i{background:var(--good)}.bar.warn>i{background:var(--warn)}.bar.bad>i{background:var(--bad)}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{width:100%;max-width:360px;padding:28px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.login-brand .brand-mark{width:40px;height:40px;border-radius:10px}.login-brand .brand-mark svg{width:22px;height:22px}.login h1{font-size:19px;margin:0}.login p.sub{color:var(--text-3);margin:2px 0 0;font-size:13px}.login .field+.field{margin-top:12px}.login .btn{width:100%;margin-top:18px;padding:9px}.login .err{color:var(--bad);font-size:13px;margin-top:12px;min-height:18px}.login .foot{margin-top:16px;text-align:center;color:var(--text-3);font-size:12px}.bell{position:relative}.bell>.btn{position:relative;padding:6px 9px}.bell>.btn svg{width:17px;height:17px}.bell .count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:calc(100vw - 32px);max-height:420px;overflow-y:auto;z-index:20;box-shadow:0 8px 28px #10182824}.bell-panel .panel-h{padding-bottom:10px;border-bottom:1px solid var(--line-2)}.bell-item{padding:10px 16px;border-bottom:1px solid var(--line-2);font-size:13px;display:grid;gap:2px}.bell-item:last-child{border-bottom:0}.bell-item .ttl{display:flex;gap:6px;align-items:center;font-weight:600}.bell-item .msg{color:var(--text-2);overflow-wrap:anywhere}.bell-item.sev-critical{box-shadow:inset 3px 0 0 var(--bad)}.bell-item.sev-warning{box-shadow:inset 3px 0 0 var(--warn)}.srv-row{display:grid;grid-template-columns:4.5em 1fr auto;align-items:center;gap:10px;font-size:13px;padding:8px 0;border-top:1px solid var(--line-2)}.srv-row:first-child{border-top:0;padding-top:0}.srv-row .bar{margin:0}.srv-row b{font-variant-numeric:tabular-nums;text-align:right}.srv-row .label{color:var(--text-2)}.srv-row .dim{grid-column:2 / -1;font-size:12px;margin-top:-6px}.raw{font-family:var(--mono);font-size:12px;color:var(--text-3);overflow-wrap:anywhere;margin-top:10px}.lamp-group+.lamp-group{margin-top:18px}.lamp-group-h{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:650;color:var(--text-2)}.lamp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:8px}.lamp{position:relative}.lamp-tile{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);cursor:pointer;font-weight:600;font-size:13px;transition:background .12s,border-color .12s}.lamp-tile:hover{border-color:var(--text-3)}.lamp-tile .bulb{flex:none;width:12px;height:12px;border-radius:50%;background:var(--line);box-shadow:inset 0 0 0 1px var(--text-3)}.lamp-tile .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.lamp-tile .st{font-size:11px;font-weight:600;color:var(--text-3)}.lamp-tile.on{background:var(--lamp-soft);border-color:var(--lamp);color:var(--lamp-text)}.lamp-tile.on .bulb{background:var(--lamp);box-shadow:0 0 0 3px color-mix(in srgb,var(--lamp) 30%,transparent)}.lamp-tile.on .st{color:var(--lamp-text)}.lamp-del{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--bad);font-size:13px;line-height:1;cursor:pointer;display:none;place-items:center;padding:0}.lamp:hover .lamp-del,.lamp-del:focus-visible{display:grid}@media (hover: none){.lamp-del{display:grid}}.lamp-edit{position:absolute;top:-7px;right:16px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text-2);font-size:11px;line-height:1;cursor:pointer;display:none;place-items:center;padding:0}.lamp:hover .lamp-edit,.lamp-edit:focus-visible{display:grid}@media (hover: none){.lamp-edit{display:grid}}.sys-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.sys-item{border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:var(--panel-2);min-width:0}.sys-item .label{font-size:12px;color:var(--text-2)}.sys-item .value{font-size:17px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sys-item .note{font-size:11.5px;color:var(--text-3);margin-top:1px;overflow-wrap:anywhere}.sys-item.good{border-left:3px solid var(--good)}.sys-item.good .value{color:var(--good)}.sys-item.warn{border-left:3px solid var(--warn)}.sys-item.warn .value{color:var(--warn)}.sys-item.bad{border-left:3px solid var(--bad);background:var(--bad-soft)}.sys-item.bad .value{color:var(--bad)}.chart-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.chart{border:1px solid var(--line-2);border-radius:var(--radius);padding:10px 12px 6px;min-width:0}.chart-h{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-2);margin-bottom:4px}.chart-h b{color:var(--text);font-variant-numeric:tabular-nums}.chart svg{width:100%;display:block;overflow:visible}.chart .grid-line{stroke:var(--line-2);stroke-width:1;vector-effect:non-scaling-stroke}.chart .axis{fill:var(--text-3);font-size:10px}.chart-empty{display:grid;place-items:center;color:var(--text-3);font-size:12.5px}@media (max-width: 860px){.chart-grid{grid-template-columns:1fr}}.t tr.sel td{background:var(--accent-soft)}.code-split{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:14px;align-items:start}.code-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.code-list-tools{padding:8px;display:grid;gap:6px;border-bottom:1px solid var(--line-2);background:var(--panel-2)}.code-list-tools .check{font-size:12.5px}.code-files{max-height:560px;overflow-y:auto}.code-file{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line-2);background:none;padding:6px 10px;cursor:pointer;font-size:12px}.code-file:hover{background:var(--panel-2)}.code-file.on{background:var(--accent-soft)}.code-file .p{flex:1;min-width:0;font-family:var(--mono);overflow-wrap:anywhere;word-break:break-all}.code-file .s{color:var(--text-3);font-size:11px;white-space:nowrap}.code-new{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line-2);background:var(--panel-2)}.code-main{min-width:0}.editor{display:grid;gap:8px}.editor-h{display:grid;gap:2px}.editor-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.code-area{width:100%;min-height:480px;resize:vertical;font-family:var(--mono);font-size:12.5px;line-height:1.5;-moz-tab-size:4;tab-size:4;border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:var(--panel);white-space:pre;overflow:auto;margin:0}.code-area.ro{background:var(--panel-2);max-height:640px}.diff{margin:0;border:1px solid var(--line);border-radius:6px;padding:6px 0;max-height:640px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.5;background:var(--panel)}.diff .dl{padding:0 12px;white-space:pre}.diff .dl.add{background:var(--good-soft);color:var(--good)}.diff .dl.del{background:var(--bad-soft);color:var(--bad)}.diff .dl.gap{color:var(--text-3);background:var(--panel-2)}@media (max-width: 1000px){.code-split{grid-template-columns:1fr}.code-files{max-height:300px}}.sensor-tile{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);font-weight:600;font-size:13px}.sensor-tile .dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--good)}.sensor-tile .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sensor-tile .st{font-size:11px;color:var(--text-3)}.sensor-tile.alarm{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.sensor-tile.alarm .dot{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 30%,transparent)}.sensor-tile.alarm .st{color:var(--bad)}.add-form{background:var(--panel-2);border:1px solid var(--line-2);border-radius:var(--radius);padding:14px;margin-bottom:16px}.add-form .actions{margin-top:12px}.cmds{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cmds .btn.lv-high{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad)}.cmds .btn.lv-medium{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));color:var(--warn)}.term{margin:0;background:var(--term-bg);color:var(--term-text);padding:12px 14px;border-radius:6px;min-height:160px;max-height:460px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:12px;line-height:1.55}.term.idle{color:#6f7781}.ev{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;align-items:baseline;padding:9px 16px;border-top:1px solid var(--line-2);font-size:13px}.ev:first-child{border-top:0}.ev .ts{color:var(--text-3);white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.ev .detail{color:var(--text-3);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.ev.crit{box-shadow:inset 3px 0 0 var(--bad)}.ev.warn{box-shadow:inset 3px 0 0 var(--warn)}.ev.simple{grid-template-columns:auto 1fr}.notify-row{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13.5px}.notify-row .err{color:var(--bad);font-size:12.5px}.t .path{display:inline-block;min-width:220px;font-family:var(--mono);font-size:12px;overflow-wrap:anywhere;word-break:break-all}[hidden]{display:none!important}@media (max-width: 1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:1fr}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;padding:12px}.brand{padding-bottom:4px}.menu-btn{display:inline-block}.side-body{display:none}.side.open .side-body{display:flex}.side-foot{margin-top:16px}.content,.top{padding-left:16px;padding-right:16px}.g2{grid-template-columns:1fr}.top{flex-wrap:wrap}input.in.search,.panel-h .tools{width:100%}}@media (max-width: 560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi .value{font-size:22px}.ev{grid-template-columns:auto 1fr}.ev .ts{grid-column:1 / -1}}@supports (-webkit-touch-callout: none){select.sel,input.in,textarea.in{font-size:16px}}.info-grid{display:grid;gap:12px 24px;grid-template-columns:repeat(3,minmax(0,1fr))}.info-grid .full{grid-column:1 / -1}.info-grid .label{font-size:12px;color:var(--text-2);font-weight:600;margin-bottom:2px}.info-grid .val{font-size:14px;overflow-wrap:anywhere}.info-grid .val.pre{white-space:pre-wrap}@media (max-width: 760px){.info-grid{grid-template-columns:1fr}}.sub-section{margin-top:22px;padding-top:16px;border-top:1px solid var(--line-2)}.sub-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}.sub-h h3{margin:0;font-size:13.5px;font-weight:650}.sub-h .dim{flex:1;min-width:12em}.chart-grid.one{grid-template-columns:1fr}.chart-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-2);margin-bottom:6px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.chart-legend i.ln{height:3px;border-radius:2px;vertical-align:2px}.chart-legend b{color:var(--text);font-variant-numeric:tabular-nums}
