:root{--bg:#f7f4ee;--surface:#fffdf9;--surface2:#f0ebe0;--sidebar:#f2eee5;--ink:#29261f;--soft:#575246;--muted:#8a8375;--faint:#a89f8d;--line:#e5ddcd;--line-strong:#d2c7b1;--gold:#a67b22;--gold-ink:#7d5c17;--gold-soft:rgba(166,123,34,.1);--gold-line:rgba(166,123,34,.32);--ok:#257d50;--ok-soft:rgba(37,125,80,.1);--warn:#b35c12;--warn-soft:rgba(179,92,18,.11);--crit:#bb3a52;--crit-soft:rgba(187,58,82,.1);--hold:#7a7466;--hold-soft:rgba(122,116,102,.1);--shadow:0 1px 2px rgba(41,38,31,.05),0 8px 28px rgba(41,38,31,.06)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:#13151c;--surface:#1b1e27;--surface2:#232735;--sidebar:#171a22;--ink:#efe8d7;--soft:#c6bda9;--muted:#8e887a;--faint:#6d675b;--line:#2b2f3d;--line-strong:#3b4053;--gold:#eec277;--gold-ink:#f4d49a;--gold-soft:rgba(238,194,119,.1);--gold-line:rgba(238,194,119,.3);--ok:#4cc287;--ok-soft:rgba(76,194,135,.12);--warn:#e6a35a;--warn-soft:rgba(230,163,90,.12);--crit:#ee7f95;--crit-soft:rgba(238,127,149,.12);--hold:#8d8776;--hold-soft:rgba(141,135,118,.12);--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.28)}}:root[data-theme=dark]{--bg:#13151c;--surface:#1b1e27;--surface2:#232735;--sidebar:#171a22;--ink:#efe8d7;--soft:#c6bda9;--muted:#8e887a;--faint:#6d675b;--line:#2b2f3d;--line-strong:#3b4053;--gold:#eec277;--gold-ink:#f4d49a;--gold-soft:rgba(238,194,119,.1);--gold-line:rgba(238,194,119,.3);--ok:#4cc287;--ok-soft:rgba(76,194,135,.12);--warn:#e6a35a;--warn-soft:rgba(230,163,90,.12);--crit:#ee7f95;--crit-soft:rgba(238,127,149,.12);--hold:#8d8776;--hold-soft:rgba(141,135,118,.12);--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);min-height:100dvh;font:14px/1.65 IBM Plex Sans KR,system-ui,-apple-system,Malgun Gothic,sans-serif}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}input,textarea{font:inherit;color:var(--ink)}.num{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:500}.frame{display:grid;grid-template-columns:236px 1fr;min-height:100dvh;min-width:960px}@media (max-width:1100px){.frame{grid-template-columns:210px 1fr}}.side{background:var(--sidebar);border-right:1px solid var(--line);padding:18px 12px 24px}.brand{display:flex;align-items:baseline;gap:8px;padding:2px 10px 14px}.brand b{font:700 17px/1.3 Gowun Batang,serif;letter-spacing:.01em}.brand span{font-size:10.5px;color:var(--muted);letter-spacing:.14em}.ngroup{margin-top:14px}.ngroup>.glabel{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--muted);padding:0 10px 5px}.nav{display:flex;flex-direction:column;gap:1px}.nav button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px 10px;border-radius:9px;color:var(--soft);font-size:13.5px}.nav button:hover{background:var(--surface)}.nav button.on{background:var(--gold-soft);color:var(--gold-ink);font-weight:700;box-shadow:inset 0 0 0 1px var(--gold-line)}.bdg{margin-left:auto;min-width:20px;text-align:center;font-size:11px;line-height:18px;border-radius:999px;padding:0 6px}.bdg.todo{background:var(--gold);color:var(--bg);font-weight:700}.bdg.info{background:var(--surface2);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.nav button.held{color:var(--faint);cursor:not-allowed}.nav button.held .bdg{background:var(--hold-soft);color:var(--hold);box-shadow:none}.main{min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:12px;padding:14px 26px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.top h1{margin:0;font:700 18px/1.3 Gowun Batang,serif}.top .crumb{font-size:12px;color:var(--muted)}.pulse{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--soft);border-radius:999px;padding:4px 12px}.pulse.ok{background:var(--ok-soft)}.pulse.warn{background:var(--warn-soft)}.pulse.mut{background:var(--surface2)}.pulse .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.pulse.warn .dot{background:var(--warn)}.pulse.mut .dot{background:var(--muted)}.content{padding:24px 26px 60px;max-width:1080px;width:100%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:13px 15px;box-shadow:var(--shadow)}.kpi .l{font-size:11px;font-weight:700;color:var(--muted)}.kpi .v{font-size:23px;font-weight:700;margin:2px 0 0}.kpi .s{font-size:11.5px;color:var(--muted)}.kpi.act{border-color:var(--gold-line);background:linear-gradient(180deg,var(--gold-soft),transparent 70%),var(--surface)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-top:16px;overflow:hidden}.panel>.ph{display:flex;align-items:center;gap:9px;padding:13px 17px;border-bottom:1px solid var(--line);flex-wrap:wrap}.panel>.ph b{font-size:14px}.panel>.ph .hint{font-size:11.5px;color:var(--muted)}.panel>.pb{padding:15px 17px}.chip{display:inline-block;font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;line-height:1.7;white-space:nowrap}.chip.gold{background:var(--gold-soft);color:var(--gold-ink);box-shadow:inset 0 0 0 1px var(--gold-line)}.chip.ok{background:var(--ok-soft);color:var(--ok)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.crit{background:var(--crit-soft);color:var(--crit)}.chip.mut{background:var(--surface2);color:var(--muted)}.row{display:flex;align-items:center;gap:11px;padding:11px 17px;border-top:1px solid var(--line);flex-wrap:wrap}.row:first-child{border-top:0}.row .grow{flex:1;min-width:220px}.row .t{font-weight:700;font-size:13.5px;word-break:break-word}.row .d{font-size:12px;color:var(--muted);word-break:break-word}.btn{border:1px solid var(--line-strong);border-radius:9px;padding:6px 13px;font-size:12.5px;font-weight:700;color:var(--soft);white-space:nowrap;min-height:36px}.btn:hover:not(:disabled){border-color:var(--gold-line);color:var(--gold-ink)}.btn.pri{background:var(--gold);color:var(--bg);border-color:transparent}.btn.pri:hover:not(:disabled){filter:brightness(1.06);color:var(--bg)}.btn.danger{color:var(--crit);border-color:var(--crit-soft);background:var(--crit-soft)}table{width:100%;border-collapse:collapse;font-size:13px}th{font-size:11px;letter-spacing:.05em;color:var(--muted);text-align:left;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line-strong);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}.twrap{overflow-x:auto}.note{font-size:12px;color:var(--muted);line-height:1.7}.bar{height:7px;border-radius:999px;background:var(--surface2);overflow:hidden;min-width:60px;flex:1}.bar>i{display:block;height:100%;border-radius:999px;background:var(--gold)}.field{width:100%;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface2);font-size:16px}textarea.field{resize:vertical;min-height:64px}.state{padding:28px;text-align:center;color:var(--muted);font-size:13px}.state.err{color:var(--crit)}.login{min-height:100dvh;display:grid;place-items:center;padding:20px}.login .card{width:100%;max-width:390px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:28px}.login h1{margin:0 0 4px;font:700 21px/1.3 Gowun Batang,serif}.login .sub{font-size:12.5px;color:var(--muted);margin:0 0 18px}@media (prefers-reduced-motion:no-preference){.screen-in{animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1}}}