:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2a2f3a;--text:#e8eaed;--muted:#9aa3b2;--accent:#5b8cff;--ok:#3ddc97;--warn:#ffb454;--danger:#ff6b6b;--radius:10px;--gap:16px;--font:-apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", sans-serif;--metric-hero:112px;--metric-major:40px;--metric-row:24px;--metric-meta:13px;--text-2xs:9px;--text-cell:10.5px;--text-xs:10px;--text-sm:11px;--text-md:12px;--text-lg:13px;--text-xl:14px;--text-2xl:15px;--title-sm:17px;--title:20px;--title-board:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--nav-w:216px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap)}.muted{color:var(--muted)}.alert{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);background:#ff6b6b1f;padding:12px}.notice{border:1px solid var(--ok);color:var(--ok);border-radius:var(--radius);background:#3ddc971f;padding:12px}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field input,.field select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.btn{background:var(--accent);color:#08101f;border:0;border-radius:8px;padding:10px 16px;font-weight:600}.btn:disabled{opacity:.55;cursor:default}.shell{grid-template-columns:var(--nav-w) 1fr;height:100%;display:grid}.nav{background:var(--surface);border-right:1px solid var(--border);padding:var(--gap);flex-direction:column;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:9px 12px}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav .brand{color:var(--text);margin-bottom:12px;padding:0 12px;font-weight:700}.nav .spacer{flex:1}.content{padding:24px;overflow:auto}.hero-row{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.hero-label{color:var(--muted);font-size:13px}.hero-value{margin-top:6px;font-size:30px;font-weight:700}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.table th{color:var(--muted);font-size:13px;font-weight:600}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}@media (width<=720px){.shell{grid-template-columns:1fr}.nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.nav .brand,.nav .spacer{display:none}}