:root{color-scheme:dark;--bg:#101115;--panel:#1b1d24;--raised:#242732;--line:#2c2f3a;--ink:#f0f1f5;--muted:#9398a9;--blue:#739dff;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--font)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:transparent}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,p{margin:0}h1{font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.4}h2{font-size:16px;font-weight:600;letter-spacing:-.25px}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.6px;color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:218px;flex-shrink:0;background:#191b21;border-right:1px solid var(--line);padding:25px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;padding:2px 8px 35px;font-size:16px;font-weight:650;line-height:1.3}.brand small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.brandmark{display:grid;place-items:center;width:35px;height:35px;border:1px solid #414653;border-radius:10px;font-size:30px;background:linear-gradient(145deg,#353a48,#1f222b);font-weight:300}.nav{display:flex;gap:13px;align-items:center;width:100%;text-align:left;border-radius:7px;padding:12px;margin:4px 0;color:#b7bdcd;transition:background .15s}.nav span{font-size:19px;width:20px;color:#969fb8}.nav:hover{background:var(--raised)}.nav.active{background:#242e45;color:var(--blue)}.nav.active span{color:var(--blue)}.workspace-label{margin:35px 10px 10px}.workspace{padding:12px;background:#22252e;border-radius:7px}.workspace small{display:block;color:var(--muted);font-size:12px}.sidebar-bottom{margin-top:auto;padding:32px 9px 0}.sidebar-bottom p{font-size:12px;color:#858b9d;line-height:1.9;margin:14px 0 25px}.status{font-size:12px;display:flex;gap:7px;align-items:center}.status:before{content:"";height:6px;width:6px;background:#dfad65;border-radius:50%}.status.online:before{background:#6abb96}.user-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:18px}.user-row button{margin-left:auto;font-size:22px}.avatar{width:29px;height:29px;display:grid;place-items:center;background:#30374a;color:#b8caff;border-radius:50%;font-size:10px}.main{margin-left:218px;width:calc(100% - 218px);padding:29px 32px 22px;max-width:1900px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-header .eyebrow{margin-bottom:5px}.page-header .muted{margin-top:3px}.period-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.period-control>button{font-size:23px;color:var(--muted)}input,select{background:#21242d;border:1px solid #343947;border-radius:7px;color:var(--ink);padding:9px 11px;min-width:0}input[type=month]{border:0;background:transparent;width:150px;padding:6px;font-weight:600}.segments{display:flex;background:#20232b;padding:3px;border-radius:7px;gap:3px;margin-left:10px}.segments button{font-size:12px;border-radius:5px;padding:5px 10px;color:var(--muted)}.segments .selected{background:#373c4b;color:white}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:22px}.filters label{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);padding:8px 11px;border-radius:8px;font-size:10px;letter-spacing:1px;color:var(--muted)}.filters select{border:0;padding:0;background:transparent;max-width:190px;font-size:13px;letter-spacing:0}.secondary{border:1px solid #3a4050;background:#252a35;border-radius:7px;padding:8px 14px;font-size:13px}.secondary:hover{background:#333b4c}.text-button{color:var(--blue);font-size:13px;padding:8px}.notice{border:1px solid #665332;background:#2b251b;color:#dfc593;border-radius:8px;padding:12px 16px;margin:0 0 20px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:21px 23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading p{margin-top:5px}.tag{border:1px solid var(--line);border-radius:5px;padding:4px 8px;font-size:11px;color:var(--muted)}.chart{height:260px;width:100%;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:var(--font);font-size:10px;fill:#8990a3}.chart rect[data-month]{cursor:pointer;transition:opacity .15s}.chart rect[data-month]:hover{opacity:.75}.chart line{stroke:#2b2e38;stroke-width:1}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;font-size:11px;color:#b5bbca}.legend span{display:flex;align-items:center;gap:5px}.swatch{width:8px;height:8px;border-radius:2px;background:var(--blue);flex-shrink:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);background:#242833;border:1px solid #333949;border-radius:11px;margin:22px 0}.kpis article{padding:22px 24px;border-right:1px solid #383e4d;display:flex;flex-direction:column;gap:6px}.kpis article:last-child{border:0}.kpis span{font-size:12px;color:#a4aec3}.kpis strong{font-size:26px;letter-spacing:-.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5}.kpis small{font-size:11px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px}.rank{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.rank:last-child{border-bottom:0}.rank-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank small{display:block;color:var(--muted);font-size:11px}.rank .amount{text-align:right;font-variant-numeric:tabular-nums}.rank .amount small{font-size:11px;margin-top:1px}.rank-number{font-size:12px;color:var(--muted)}.panel-note{font-size:12px;color:var(--muted);margin:15px 0;line-height:1.8}.empty{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;color:#848d9f;text-align:center;padding:28px}.wide{width:100%;margin-top:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:var(--muted);font-size:11px;letter-spacing:.3px;font-weight:500;white-space:nowrap}td,th{padding:13px 12px;border-bottom:1px solid var(--line)}td{font-variant-numeric:tabular-nums;vertical-align:top}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td small{display:block;color:var(--muted);font-size:11px}.numeric{text-align:right;white-space:nowrap}.search{display:flex;gap:8px}.search input{max-width:220px;font-size:13px}footer{margin-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#858c9e}#loading{padding:10px;color:var(--blue)}[hidden]{display:none!important}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#232e45 0,transparent 52%),#101115}.login-card{width:min(410px,calc(100vw - 36px));margin:55px 0;padding:36px;background:#1b1e26;border:1px solid #343b4b;border-radius:16px;box-shadow:0 30px 100px #0005}.login-card .brandmark{margin-bottom:25px;width:44px;height:44px;font-size:38px}.login-card h1{margin-top:6px;font-size:30px}.login-sub{color:var(--muted);font-size:14px}.login-divider{height:1px;background:var(--line);margin:27px 0}.login-card h2{font-size:18px;margin-bottom:6px}.login-card form{margin-top:22px}.login-card label{display:block;font-size:13px;margin:15px 0 7px;color:#bcc4d4}.login-card input{width:100%;padding:11px 13px}.primary{background:#7099ed;color:#101828;border-radius:7px;font-weight:650;padding:12px 15px;width:100%;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#93b4fa}.error{color:#ff9c9c;font-size:13px;min-height:25px;margin-top:10px}.login-foot{font-size:11px;color:#858ea2;margin-top:24px;text-align:center}.login-caption{position:fixed;bottom:20px;left:25px;right:25px;font-size:10px;color:#6f798d;letter-spacing:1.5px;display:flex;justify-content:space-between}@media(min-width:1500px){.chart{height:300px}}@media(max-width:1100px){.main{padding:25px 22px}.sidebar{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.kpis strong{font-size:21px}.kpis article{padding:18px 15px}.dashboard-grid{grid-template-columns:1fr}.filters label{flex:1 1 180px}.filters select{width:100%}}@media(max-width:700px){.shell{display:block}.sidebar{position:relative;width:100%;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 0 13px}.sidebar nav{display:flex;gap:3px;overflow:auto}.nav{width:auto;white-space:nowrap;font-size:12px;padding:8px}.nav span{display:none}.workspace-label,.workspace,.sidebar-bottom{display:none}.main{margin-left:0;width:100%;padding:20px 14px}.page-header{gap:15px}.page-header h1{font-size:25px}.filters{gap:7px}.filters label{flex:1 1 145px}.kpis{grid-template-columns:1fr 1fr}.kpis article:nth-child(2){border-right:0}.kpis article:nth-child(-n+2){border-bottom:1px solid #383e4d}.panel{padding:16px}.chart{height:220px}.section-heading{flex-wrap:wrap;gap:10px}.tag{display:none}.search{width:100%}.search input{flex:1;max-width:none}footer{flex-direction:column;gap:8px}.period-control{gap:2px}.segments{margin-left:4px}.legend{gap:8px;font-size:10px}#logout{display:block}.login-card{padding:29px}.period-control input{width:140px}}
@media(max-width:700px){.sidebar-bottom{display:flex;position:absolute;top:18px;right:16px;margin:0;padding:0}.sidebar-bottom p,.sidebar-bottom .status{display:none}.user-row{padding:0;border:0}.user-row #current-user{display:none}}