:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--surface:#fff;--sunken:#eeece7;--text:#15171c;--text-2:#4d5360;--text-3:#80858f;--line:#e2dfd8;--line-strong:#948f85;--primary:#0b4ea2;--primary-soft:#e5edf8;--on-primary:#fff;--danger:#c8102e;--danger-soft:#fbe8eb;--warning:#7a5800;--warning-soft:#fff1bf;--good:#1c7a57;--good-soft:#e1f2ea;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--grid:#ebe8e1;--radius:10px;--font:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1115;--surface:#191c21;--sunken:#0a0c0f;--text:#f1f0ec;--text-2:#b3b8c2;--text-3:#80868f;--line:#2a2e35;--line-strong:#6b717c;--primary:#7eaeff;--primary-soft:#1b2a44;--on-primary:#0a1630;--danger:#ff6b7a;--danger-soft:#3a1820;--warning:#f5c330;--warning-soft:#3b3113;--good:#55c89c;--good-soft:#12302a;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--grid:#22262c}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font)}a{color:var(--primary)}h1{margin:0 0 4px;font-size:22px}h2{margin:0 0 12px;font-size:16px}h3{color:var(--text-2);margin:0 0 8px;font-size:14px}p{margin:0 0 8px}code,pre{font-family:ui-monospace,Consolas,monospace;font-size:12px}pre{background:var(--sunken);white-space:pre-wrap;border-radius:8px;padding:12px;overflow-x:auto}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.nav{background:var(--surface);border-right:1px solid var(--line);height:100vh;padding:20px 12px;position:sticky;top:0;overflow-y:auto}.nav .brand{padding:0 8px 16px;font-size:18px;font-weight:700}.nav .group{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin:16px 8px 4px;font-size:11px}.nav a{color:var(--text-2);border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;text-decoration:none;display:flex}.nav a:hover{background:var(--sunken)}.nav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav .count{background:var(--danger);color:#fff;border-radius:99px;padding:0 7px;font-size:11px}.nav .foot{color:var(--text-3);margin-top:24px;padding:0 8px;font-size:12px}.main{min-width:0;padding:24px 28px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head .sub{color:var(--text-2)}.grid{gap:16px;display:grid}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:16px}.card+.card,.grid+.card,.card+.grid,.grid+.grid{margin-top:16px}.grid>.card{margin-top:0}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-head h2{margin:0}.kpi .label{color:var(--text-2);font-size:12px}.kpi .value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kpi .delta{color:var(--text-2);font-size:12px}.kpi .delta.up{color:var(--good)}.kpi .delta.down{color:var(--danger)}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}th{color:var(--text-2);font-size:12px;font-weight:600}td.num,th.num{text-align:right}tr:hover td{background:color-mix(in srgb, var(--sunken) 50%, transparent)}.table-wrap{overflow-x:auto}button,.btn{font:inherit;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px}button:hover{background:var(--sunken)}button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}button.danger{color:var(--danger);border-color:var(--danger)}button.ghost{color:var(--primary);background:0 0;border-color:#0000;padding:4px 8px}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:6px 10px}textarea{resize:vertical;width:100%;min-height:80px}label.field{color:var(--text-2);gap:4px;font-size:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{gap:12px;display:grid}.muted{color:var(--text-2)}.small{font-size:12px}.error{color:var(--danger)}.seg{background:var(--sunken);border-radius:8px;padding:2px;display:inline-flex}.seg button{color:var(--text-2);background:0 0;border:0;padding:4px 10px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600}.badge{background:var(--sunken);color:var(--text-2);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.critical{background:var(--danger-soft);color:var(--danger)}.badge.info{background:var(--primary-soft);color:var(--primary)}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .axis text{fill:var(--text-3);font-size:11px}.chart .gridline{stroke:var(--grid)}.tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 4px 16px #0000001f}.legend{color:var(--text-2);gap:12px;margin-bottom:8px;font-size:12px;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:10px;height:3px;margin-right:4px;display:inline-block}.barlist .bar-row{grid-template-columns:minmax(110px,200px) 1fr 60px;align-items:center;gap:8px;padding:3px 0;display:grid}.barlist .track{height:14px}.barlist .fill{background:var(--series-1);border-radius:0 4px 4px 0;min-width:2px;height:14px}.post{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:12px;padding:12px 0;display:grid}.post img{border:1px solid var(--line);border-radius:8px;width:120px}.post .text{white-space:pre-wrap}.login{max-width:420px;margin:12vh auto}.empty{color:var(--text-3);text-align:center;padding:24px 0}@media (width<=820px){.shell{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.main{padding:16px}.post{grid-template-columns:1fr}}