:root{--paper: #EBEFEE;--panel: #FFFFFF;--panel-alt: #F5F7F6;--ink: #12171A;--ink-2: #3D4A46;--muted: #6B7772;--rule: #CDD6D3;--rule-hard: #A9B5B1;--pine: #14524B;--pine-dim: #1E6B62;--crit: #A4231C;--warn: #B4690E;--ok: #2C6E49;--crit-bg: #FBEAE9;--warn-bg: #FCF2E3;--ok-bg: #E9F3EC;--ui: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--rail: 196px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}.envband{height:26px;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#2a1e00;background-image:repeating-linear-gradient(-45deg,#f0c64a 0,#f0c64a 12px,#1a1a1a 12px,#1a1a1a 14px,#f0c64a 14px,#f0c64a 26px,#1a1a1a 26px,#1a1a1a 28px);position:relative}.envband span{background:#f0c64a;padding:2px 10px;border:1px solid #1A1A1A}.envband.prod{background-image:none;background:var(--pine);color:#eaf3f1}.envband.prod span{background:transparent;border-color:transparent}.shell{display:flex;height:calc(100% - 26px)}.rail{width:var(--rail);flex:0 0 var(--rail);background:var(--ink);color:#c6d2ce;display:flex;flex-direction:column;padding:16px 0 10px}.rail h1{font-size:13px;font-weight:700;letter-spacing:.02em;color:#fff;margin:0 16px 2px}.rail .sub{font-family:var(--mono);font-size:10px;color:#6e817c;margin:0 16px 18px;letter-spacing:.04em}.rail nav{display:flex;flex-direction:column}.rail button{all:unset;cursor:pointer;padding:9px 16px;font-size:12.5px;color:#b4c2be;border-left:3px solid transparent;display:flex;justify-content:space-between;align-items:center}.rail button:hover{background:#1d2528;color:#fff}.rail button:focus-visible{outline:2px solid #F0C64A;outline-offset:-2px}.rail button.on{background:#1d2528;color:#fff;border-left-color:var(--pine-dim);font-weight:600}.rail .badge{font-family:var(--mono);font-size:10px;background:var(--crit);color:#fff;padding:1px 5px;border-radius:2px}.rail .foot{margin-top:auto;padding:12px 16px 0;border-top:1px solid #262F32;font-family:var(--mono);font-size:10px;color:#667874;line-height:1.6}.main{flex:1;overflow:auto;padding:18px 22px 40px}.pagehead{display:flex;align-items:baseline;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:14px}.pagehead h2{font-size:16px;margin:0;font-weight:700;letter-spacing:-.01em}.pagehead .note{font-size:11.5px;color:var(--muted)}.pagehead .right{margin-left:auto;display:flex;gap:8px;align-items:center}.panel{background:var(--panel);border:1px solid var(--rule);margin-bottom:14px}.panel>header{padding:8px 12px;border-bottom:1px solid var(--rule);background:var(--panel-alt);font-size:11.5px;font-weight:600;letter-spacing:.03em;color:var(--ink-2);display:flex;align-items:center;gap:10px}.panel>header .right{margin-left:auto;font-weight:400;color:var(--muted)}.panel .body{padding:12px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:14px}.kpi{background:var(--panel);padding:10px 12px}.kpi .k{font-size:10.5px;color:var(--muted);letter-spacing:.04em}.kpi .v{font-family:var(--mono);font-size:21px;font-weight:600;line-height:1.25}.kpi .u{font-size:11px;color:var(--muted);margin-left:3px;font-family:var(--ui)}.kpi.crit .v{color:var(--crit)}.kpi.warn .v{color:var(--warn)}.kpi.ok .v{color:var(--ok)}button.btn{all:unset;cursor:pointer;font-family:var(--ui);font-size:12px;font-weight:600;padding:6px 14px;border:1px solid var(--rule-hard);background:var(--panel);color:var(--ink)}button.btn:hover{background:var(--panel-alt)}button.btn:focus-visible{outline:2px solid var(--pine);outline-offset:1px}button.btn.primary{background:var(--pine);border-color:var(--pine);color:#fff}button.btn.primary:hover{background:var(--pine-dim)}button.btn:disabled{opacity:.45;cursor:not-allowed}button.btn.sm{padding:3px 9px;font-size:11px;font-weight:500}select,input[type=text]{font-family:var(--ui);font-size:12px;padding:5px 8px;border:1px solid var(--rule-hard);background:var(--panel);color:var(--ink)}select:focus,input:focus{outline:2px solid var(--pine);outline-offset:-1px}table{border-collapse:collapse;width:100%}th,td{padding:5px 9px;border-bottom:1px solid var(--rule);text-align:left;white-space:nowrap}thead th{position:sticky;top:0;z-index:2;background:var(--panel-alt);font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--ink-2);border-bottom:1px solid var(--rule-hard)}tbody tr:hover{background:#f3f7f5}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}td.code{font-family:var(--mono);font-size:12px}.tablewrap{max-height:62vh;overflow:auto;border-top:1px solid var(--rule)}.tag{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:600;padding:1px 6px;border:1px solid currentColor;letter-spacing:.03em}.tag.crit{color:var(--crit);background:var(--crit-bg)}.tag.warn{color:var(--warn);background:var(--warn-bg)}.tag.ok{color:var(--ok);background:var(--ok-bg)}.tag.pr{color:var(--pine);background:#e6f0ee}.tag.wo{color:#2b4e7e;background:#e7eef7}.grid{border:1px solid var(--rule);background:var(--panel);overflow:auto;max-height:70vh}.grid table{border-collapse:separate;border-spacing:0}.grid th,.grid td{border-bottom:1px solid var(--rule);border-right:1px solid var(--rule)}.grid thead th{position:sticky;top:0;z-index:3;font-family:var(--mono);font-size:10px;text-align:right;padding:4px 7px;min-width:62px}.grid thead th.corner{left:0;z-index:5;text-align:left;min-width:230px}.grid td.rowhead,.grid th.rowhead{position:sticky;left:0;z-index:2;background:var(--panel);min-width:230px;max-width:230px;white-space:normal}.grid tr.itemrow td.rowhead{background:var(--panel-alt)}.grid tr.itemrow td{background:var(--panel-alt);font-weight:600}.grid td{text-align:right;font-family:var(--mono);font-size:11px;padding:3px 7px}.grid .lbl{font-family:var(--ui);font-size:11px;color:var(--muted)}.grid .itemcd{font-family:var(--mono);font-size:11.5px;font-weight:600}.grid .itemnm{font-size:11px;color:var(--muted);font-weight:400}.grid td.neg{background:var(--crit-bg);color:var(--crit);font-weight:600}.grid td.brk{background:var(--warn-bg);color:var(--warn);font-weight:600}.grid td.plan{color:var(--pine);font-weight:600}.grid td.zero{color:#b6c0bc}.indent{display:inline-block}.empty{padding:34px 12px;text-align:center;color:var(--muted);font-size:12.5px}.empty strong{display:block;color:var(--ink);font-size:13.5px;margin-bottom:5px}.err{border:1px solid var(--crit);background:var(--crit-bg);color:var(--crit);padding:9px 12px;font-size:12px;margin-bottom:12px}.hint{font-size:11.5px;color:var(--muted);margin:6px 0 0}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.legend{display:flex;gap:14px;font-size:11px;color:var(--muted);margin-top:8px}.legend i{display:inline-block;width:10px;height:10px;margin-right:4px;vertical-align:-1px}.bar{height:3px;background:var(--rule);overflow:hidden}.bar>div{height:100%;background:var(--pine);animation:sweep 1.1s linear infinite}@keyframes sweep{0%{margin-left:-40%;width:40%}to{margin-left:100%;width:40%}}@media (prefers-reduced-motion: reduce){.bar>div{animation:none;width:100%;margin-left:0}}@media (max-width: 860px){:root{--rail: 60px}.rail h1,.rail .sub,.rail .foot{display:none}.rail button{font-size:11px;padding:10px 6px;justify-content:center}.main{padding:12px}}