:root{--bg: #0f1115;--panel: #171a21;--panel2: #1e222b;--border: #2a2f3a;--text: #e6e9ef;--muted: #9aa3b2;--accent: #4c8dff;--up: #ef5350;--down: #2196f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Noto Sans KR,sans-serif;font-size:14px}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:290px;background:var(--panel);border-right:1px solid var(--border);height:calc(100vh - 53px);overflow-y:auto;position:sticky;top:53px;flex-shrink:0}.sidebar h1{font-size:16px;padding:16px;margin:0;border-bottom:1px solid var(--border)}.sidebar .search{padding:10px 12px}.sidebar .search input{width:100%;padding:8px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--text)}.menu-major{padding:8px 12px 4px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.menu-mid{padding:5px 14px;color:var(--text);cursor:pointer;font-weight:600}.menu-mid:hover{background:var(--panel2)}.menu-item{padding:4px 14px 4px 26px;color:var(--muted);cursor:pointer;font-size:13px;display:flex;justify-content:space-between}.menu-item:hover{background:var(--panel2);color:var(--text)}.menu-item.active{color:var(--accent)}.menu-item .tag{font-size:10px;color:var(--up)}.content{flex:1;padding:22px 28px;max-width:1200px;overflow-x:auto}.crumbs{color:var(--muted);font-size:12px;margin-bottom:4px}.title{font-size:20px;margin:0 0 4px}.subtle{color:var(--muted);font-size:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin:16px 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.field .req{color:var(--up)}.field input{width:100%;padding:8px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--text)}.field small{color:var(--muted);font-size:11px}button{background:var(--accent);color:#fff;border:0;padding:9px 18px;border-radius:6px;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:default}button.ghost{background:var(--panel2);border:1px solid var(--border)}table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px;table-layout:auto}th,td{border:1px solid var(--border);padding:6px 9px;text-align:right;white-space:nowrap}th{background:var(--panel2);color:var(--muted);position:sticky;top:0}td.lbl,th.lbl{text-align:left}.table-wrap{max-height:560px;overflow-x:auto;overflow-y:auto;border:1px solid var(--border);border-radius:8px}pre{background:#0b0d11;border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;max-height:360px;font-size:12px}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;background:var(--panel2);border:1px solid var(--border);margin-right:6px}.badge.on{background:#14331f;border-color:#1f7a3f;color:#6ee7a0}.badge.off{background:#331414;border-color:#7a1f1f;color:#ff9b9b}.signal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.err{color:var(--up)}.home-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 28px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:10}.topbar .nav-links a{color:var(--muted);margin-right:18px;font-weight:600}.topbar .nav-links a.on{color:var(--accent)}.topbar .user-box{display:flex;align-items:center;gap:12px}.topbar .username{color:var(--text)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 4px}.tab{background:var(--panel2);border:1px solid var(--border);color:var(--muted)}.tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}select{padding:8px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--text)}input[type=date]{padding:7px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;color:var(--text);color-scheme:dark}td input,td select{padding:5px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));gap:16px}.menu-grid .card{margin:0;min-width:0}.menu-grid a{cursor:pointer}.menu-detail{display:grid;grid-template-columns:minmax(520px,1.1fr) minmax(420px,1fr);gap:16px;align-items:start}.menu-detail .card{margin:0;min-width:0}tr.clickable:hover td{background:#1a1f29}@media (max-width: 1100px){.menu-detail{grid-template-columns:1fr}}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.detail-grid .card{margin:0}@media (max-width: 800px){.detail-grid{grid-template-columns:1fr}}.account-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}@media (max-width: 1000px){.account-grid{grid-template-columns:1fr}}.chart-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.zoom-box{display:flex;align-items:center;gap:6px}.zoom-box button{padding:4px 10px;font-size:15px;line-height:1}.ind-toggles{display:flex;gap:10px;flex-wrap:wrap}.ind-toggles label{font-size:12px;cursor:pointer;white-space:nowrap}.hamburger{display:none;font-size:18px;padding:6px 12px}@media (max-width: 768px){.topbar{flex-wrap:wrap;padding:8px 14px;gap:8px}.hamburger{display:inline-block;order:0}.user-box{order:1;margin-left:auto}.nav-links{order:2;display:none;width:100%;flex-direction:column;gap:4px}.nav-links.open{display:flex}.nav-links a{margin:0;padding:8px 4px;border-bottom:1px solid var(--border)}.content{padding:14px}.title{font-size:17px}.menu-grid{grid-template-columns:1fr}table{font-size:12px}th,td{padding:5px 7px}.username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}