:root{--bg:#0f0f0e;--bg2:#1a1a18;--bg3:#232320;--bg4:#2a2a27;--bd:#333330;--bd2:#3d3d39;--tx:#e8e7e2;--tx2:#9b9a94;--tx3:#555550;--ac:#34d399;--am:#f59e0b;--rd:#e74c3c;--font:"Noto Sans KR",-apple-system,system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--r:14px;--rs:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:3px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--bg2);border-right:1px solid var(--bd);flex-direction:column;width:200px;min-width:200px;height:100vh;display:flex;position:sticky;top:0}.sb-logo{font-family:var(--mono);color:var(--ac);letter-spacing:.05em;border-bottom:1px solid var(--bd);padding:18px 16px;font-size:15px;font-weight:700}.sb-nav{flex:1;padding:10px 8px;overflow-y:auto}.sb-group{color:var(--tx3);letter-spacing:.08em;padding:12px 10px 5px;font-size:10px;font-weight:700}.sb-item{color:var(--tx2);border-radius:8px;align-items:center;gap:9px;margin-bottom:2px;padding:9px 11px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sb-item:hover{background:var(--bg3);color:var(--tx)}.sb-item.active{color:var(--ac);background:#34d3991f}.sb-item .ext{color:var(--tx3);margin-left:auto;font-size:9px}.sb-foot{border-top:1px solid var(--bd);flex-direction:column;gap:6px;padding:10px;display:flex}.sb-btn{background:var(--bg3);border:1px solid var(--bd);color:var(--tx2);border-radius:7px;padding:7px;font-size:11px}.sb-btn:hover{color:var(--tx)}.content{flex:1;min-width:0;max-width:1100px;padding:24px}.content.full{flex-direction:column;max-width:none;height:100vh;padding:0;display:flex}.page-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.dash-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=720px){.dash-grid{grid-template-columns:1fr}.sidebar{display:none}}.dcard{background:var(--bg2);border:1px solid var(--bd);border-radius:var(--rs);align-items:flex-start;gap:12px;padding:16px;display:flex}.dcard-ic{background:var(--bg3);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.dcard-l{color:var(--tx3);margin-bottom:3px;font-size:10px;font-weight:600}.dcard-v{font-size:19px;font-weight:700;font-family:var(--mono);word-break:break-all;line-height:1.2}.dcard-s{color:var(--tx2);margin-top:3px;font-size:10px}.dcard-s b{color:var(--tx)}.warn{color:var(--am);font-weight:600}.sel{background:var(--bg2);border:1px solid var(--bd);color:var(--tx);font-size:12px;font-family:var(--mono);border-radius:7px;outline:none;padding:5px 9px}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:var(--bg2);border:1px solid var(--bd);border-radius:16px;width:100%;max-width:330px;padding:30px 26px}.login-box h1{text-align:center;margin:4px 0 20px;font-size:17px}.login-box .lg{font-family:var(--mono);color:var(--ac);text-align:center;letter-spacing:2px;font-size:12px}.inp{background:var(--bg);border:1px solid var(--bd);width:100%;color:var(--tx);border-radius:8px;outline:none;padding:11px 13px;font-family:inherit;font-size:14px}.inp:focus{border-color:var(--ac)}.btn-primary{background:var(--ac);color:#0a0a0a;border:none;border-radius:8px;width:100%;margin-top:14px;padding:12px;font-size:14px;font-weight:700}.err{color:var(--rd);text-align:center;min-height:16px;margin-top:10px;font-size:12px}.mono{font-family:var(--mono)}.hseg{background:var(--bg3);color:var(--tx2);border:1px solid var(--bd);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.hseg.on{color:var(--ac);background:#34d39924;border-color:#34d39959}.hbtn{background:var(--bg3);color:var(--tx2);border:1px solid var(--bd);border-radius:7px;padding:7px 12px;font-size:12px;font-weight:600}.hbtn:hover{color:var(--tx)}.hbtn.ac{background:var(--ac);color:#0a0a0a;border:none}.hbtn.rd{color:var(--rd);border-color:#7f1d1d}.hbtn.xs{padding:4px 9px;font-size:11px}.htbl-wrap{border:1px solid var(--bd);border-radius:10px;overflow:auto}.htbl{border-collapse:collapse;width:100%;font-size:12px}.htbl th{background:var(--bg3);color:var(--tx2);text-align:left;white-space:nowrap;border-bottom:1px solid var(--bd);padding:9px 12px;font-size:11px;font-weight:600}.htbl td{border-bottom:1px solid var(--bd);background:var(--bg2);white-space:nowrap;padding:8px 12px}.htbl tr:last-child td{border-bottom:none}.bar{background:var(--bg4);border-radius:3px;min-width:70px;height:5px;overflow:hidden}.bar>div{border-radius:3px;height:100%}.hinp,.hsel{background:var(--bg);border:1px solid var(--bd);width:100%;color:var(--tx);border-radius:8px;outline:none;padding:9px 11px;font-family:inherit;font-size:13px}.hinp:focus,.hsel:focus{border-color:var(--ac)}.hsel{width:auto}.hmodal-bg{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hmodal{background:var(--bg2);border:1px solid var(--bd);border-radius:14px;width:340px;max-width:94vw;max-height:90vh;padding:22px;overflow:auto}