:root{--bg: #070c16;--bg-2: #0a1120;--surface: #0e1626;--surface-2: #14213a;--surface-3: #1c2c49;--surface-hi: #223559;--line: #24385c;--line-soft: #182740;--line-strong: #33507e;--text: #e6eefb;--text-dim: #a2b4d3;--muted: #6b81a6;--faint: #4a5c7c;--gold: #f0b855;--gold-hi: #ffcf76;--gold-dim: #b0863a;--gold-deep: #7a5c26;--on-gold: #150e02;--green: #2ecf9a;--green-deep: #06201a;--red: #f0666b;--red-deep: #2a1114;--blue: #4a86e8;--blue-deep: #0b1a33;--amber: #f0b855;--amber-deep: #241803;--radius: 8px;--radius-sm: 5px;--radius-lg: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--shadow-1: 0 1px 2px rgba(0,0,0,.35);--shadow-2: 0 6px 20px -6px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.35);--shadow-3: 0 20px 50px -12px rgba(0,0,0,.7), 0 8px 22px rgba(0,0,0,.45);--glow-gold: 0 0 0 1px rgba(240,184,85,.25), 0 0 24px -4px rgba(240,184,85,.35);--ring-gold: 0 0 0 3px rgba(240,184,85,.18);--ease: cubic-bezier(.4, 0, .2, 1);--dur: .16s;--dur-slow: .28s;--mono: ui-monospace, "SFMono-Regular", "SF Mono", "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "DejaVu Sans Mono", "Consolas", "Liberation Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 700px at 82% -12%,rgba(240,184,85,.06),transparent 60%),radial-gradient(900px 600px at 8% 108%,rgba(74,134,232,.06),transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.5;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num,td.num,input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv01" 1;letter-spacing:0}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--surface-hi);background-clip:padding-box}*::-webkit-scrollbar-track{background:transparent}.shell{display:grid;grid-template-rows:50px 1fr;height:100%}.body{display:grid;grid-template-columns:188px 1fr;overflow:hidden}.topbar{display:flex;align-items:center;gap:18px;padding:0 18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-bottom:1px solid var(--line);box-shadow:var(--shadow-1);position:relative;z-index:20}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,184,85,.35),transparent);opacity:.6}.brand{font-family:var(--mono);font-weight:600;letter-spacing:.06em;color:var(--gold);font-size:15px;text-shadow:0 0 18px rgba(240,184,85,.35)}.brand small{color:var(--muted);font-size:9px;margin-left:5px;letter-spacing:.12em;text-transform:uppercase;text-shadow:none}.topbar .meta{color:var(--text-dim);font-size:11px;display:flex;gap:7px;align-items:center}.topbar .meta .k{color:var(--muted);font-weight:500}.topbar .spacer{flex:1}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;position:relative;box-shadow:0 0 #2ecf9a99;animation:dot-pulse 2.4s var(--ease) infinite}@keyframes dot-pulse{0%{box-shadow:0 0 #2ecf9a8c}70%{box-shadow:0 0 0 7px #2ecf9a00}to{box-shadow:0 0 #2ecf9a00}}.langs{display:flex;gap:3px;background:var(--bg-2);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--line-soft)}.langs button{background:transparent;border:0;color:var(--muted);font-size:11px;padding:3px 9px;cursor:pointer;border-radius:4px;font-family:var(--sans);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.langs button:hover{color:var(--text)}.langs button[aria-pressed=true]{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--on-gold);font-weight:700;box-shadow:var(--shadow-1)}.sidebar{background:linear-gradient(180deg,var(--surface),var(--bg-2));border-right:1px solid var(--line);padding:10px 0;overflow-y:auto}.sidebar a{display:flex;align-items:center;gap:9px;padding:9px 15px;color:var(--text-dim);text-decoration:none;font-size:12px;border-left:2px solid transparent;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.sidebar a:hover{background:var(--surface-2);color:var(--text)}.sidebar a.active{background:linear-gradient(90deg,#f0b85524,#f0b85505);color:var(--gold);border-left-color:var(--gold);font-weight:600}.sidebar .idx{font-family:var(--mono);font-size:10px;color:var(--muted);width:15px}.sidebar a.active .idx{color:var(--gold-dim)}.sidebar .group-label{padding:15px 15px 6px;font-size:9px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;font-weight:600}.sidebar .foot{padding:15px;font-size:10px;color:var(--faint);line-height:1.6}main{padding:var(--sp-5) var(--sp-6);overflow-y:auto}h1{font-size:19px;margin:0 0 var(--sp-4);font-weight:700;letter-spacing:-.01em}h2{font-size:13px;margin:0 0 var(--sp-3);font-weight:600;color:var(--text-dim);letter-spacing:.01em}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:var(--sp-4)}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 13px;cursor:pointer;font-size:12px;font-family:var(--sans);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tabs button:hover{color:var(--text-dim)}.tabs button[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}.grid{display:grid;gap:var(--sp-4)}.grid.two{grid-template-columns:minmax(320px,460px) 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.panel{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);overflow:hidden}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:10px 13px;border-bottom:1px solid var(--line-soft);font-size:11px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-weight:600;background:#ffffff04}.panel>.content{padding:13px}.panel>.content>*+*{margin-top:var(--sp-3)}.stat{padding:var(--sp-4);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px}.stat:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--gold),transparent);opacity:.35}.stat .label{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.stat .value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:22px;margin-top:6px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.stat .value.gold{color:var(--gold);text-shadow:0 0 20px rgba(240,184,85,.22)}.stat .value.green{color:var(--green)}.stat .value.red{color:var(--red)}.stat .sub{font-size:10px;color:var(--muted);margin-top:4px;font-family:var(--mono);font-variant-numeric:tabular-nums}.stat-grid,.kpi-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat-grid>.stat,.kpi-grid>.stat{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.stat-grid>.stat:hover,.kpi-grid>.stat:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}label{display:block;font-size:10px;color:var(--muted);margin:var(--sp-3) 0 var(--sp-1);letter-spacing:.05em;text-transform:uppercase;font-weight:600}input,select,textarea{width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;font-family:var(--sans);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold-dim);background:var(--bg);box-shadow:var(--ring-gold)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--surface);border-color:var(--line-soft)}input.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.row.three{grid-template-columns:repeat(3,1fr)}button.btn{width:100%;padding:10px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;margin-top:var(--sp-4);font-family:var(--sans);letter-spacing:.02em;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),filter var(--dur) var(--ease),background var(--dur) var(--ease),opacity var(--dur) var(--ease)}button.btn:hover{filter:brightness(1.06);box-shadow:var(--shadow-2)}button.btn:active{transform:translateY(1px);filter:brightness(.97);box-shadow:var(--shadow-1)}button.btn:focus-visible{box-shadow:var(--ring-gold),var(--shadow-1)}button.btn.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--on-gold);box-shadow:var(--shadow-1)}button.btn.gold:hover{box-shadow:var(--glow-gold),var(--shadow-2)}button.btn.green{background:linear-gradient(180deg,#3ce0a8,var(--green));color:var(--green-deep)}button.btn.blue{background:linear-gradient(180deg,#5c94ee,var(--blue));color:#fff}button.btn.ghost{background:var(--surface-2);border:1px solid var(--line);color:var(--text-dim)}button.btn.ghost:hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--text);filter:none}button.btn:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none;box-shadow:none}button.mini{padding:4px 10px;font-size:10px;border-radius:4px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-dim);cursor:pointer;font-family:var(--sans);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}button.mini:hover{background:var(--surface-3);border-color:var(--line-strong);color:var(--text)}button.mini:active{transform:translateY(1px)}button.mini:disabled{opacity:.4;cursor:not-allowed;transform:none}button.mini.gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--on-gold);border-color:var(--gold);font-weight:700}button.mini.gold:hover{filter:brightness(1.06)}button.mini.red{border-color:#63262b;color:var(--red);background:var(--red-deep)}button.mini.red:hover{background:#3a171a;border-color:#7a2e34}table{width:100%;border-collapse:collapse;font-size:11.5px}thead th{text-align:left;padding:9px 11px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.07em;text-transform:uppercase;position:sticky;top:0;z-index:2;background:var(--surface-2);-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);white-space:nowrap}thead th:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(240,184,85,.2),transparent)}tbody td{padding:8px 11px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr{transition:background var(--dur) var(--ease)}tbody tr:nth-child(2n){background:#ffffff04}tbody tr:hover{background:var(--surface-2)}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody td.num{font-family:var(--mono)}.pos{color:var(--green)}.neg{color:var(--red)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow:auto;max-height:62vh;position:relative;box-shadow:var(--shadow-1)}.table-wrap table{font-size:11.5px}table.zebra tbody tr:nth-child(2n){background:#ffffff07}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;line-height:1.5;white-space:nowrap}.tag.open{background:#2ecf9a1f;color:var(--green);border-color:#2ecf9a4d}.tag.warn{background:#f0b8551f;color:var(--gold);border-color:#f0b8554d}.tag.danger{background:#f0666b1f;color:var(--red);border-color:#f0666b4d}.tag.mute{background:var(--surface-3);color:var(--text-dim);border-color:var(--line)}.tag.ok{background:#2ecf9a1f;color:var(--green);border-color:#2ecf9a4d}.tag.info{background:#4a86e824;color:#7aa8f0;border-color:#4a86e857}.tag.gold{background:#f0b85524;color:var(--gold);border-color:#f0b85557}.receipt{background:#f6f3ec;color:#1a1a1a;padding:22px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:12px;border-radius:var(--radius);box-shadow:var(--shadow-2)}.receipt h3{text-align:center;margin:0 0 16px;font-size:15px;letter-spacing:.12em;font-family:var(--sans)}.receipt .line{display:flex;justify-content:space-between;padding:4px 0}.receipt .line.total{border-top:1px solid #cfc7b6;margin-top:8px;padding:8px;background:var(--gold);font-weight:700;border-radius:var(--radius-sm)}.receipt .sign{display:flex;gap:22px;margin-top:26px}.receipt .sign div{flex:1;border-top:1px solid #6a6a6a;padding-top:5px;text-align:center;font-size:9px}.toast{position:fixed;right:20px;bottom:20px;z-index:90;padding:12px 16px 12px 14px;border-radius:var(--radius);font-size:12px;max-width:440px;border:1px solid var(--line-strong);border-left:3px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--text);box-shadow:var(--shadow-3);animation:toast-in .28s var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast.ok{border-color:#2ecf9a66;border-left-color:var(--green)}.toast.err{border-color:#f0666b73;border-left-color:var(--red)}.toast.err strong{color:var(--red);display:block;margin-bottom:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.toast.ok strong{color:var(--green);display:block;margin-bottom:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.empty{padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--muted);font-size:12px;border:1px dashed var(--line);border-radius:var(--radius);background:#ffffff03;line-height:1.7}.empty:before{content:"—";display:block;font-family:var(--mono);font-size:20px;color:var(--faint);margin-bottom:6px;letter-spacing:.3em}.hint{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.6}.rule-note{font-size:10px;color:var(--gold);border-left:2px solid var(--gold-dim);padding:7px 11px;margin:11px 0;background:#f0b8550f;line-height:1.6;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:var(--radius-sm);color:transparent!important;-webkit-user-select:none;user-select:none;min-height:12px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skeleton-shimmer 1.4s var(--ease) infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton.line{height:12px;margin:6px 0}.skeleton.line.sm{width:40%}.skeleton.line.lg{width:85%}.login{display:grid;place-items:center;height:100%;background:radial-gradient(900px 520px at 50% -8%,rgba(240,184,85,.1),transparent 62%),radial-gradient(700px 520px at 50% 118%,rgba(74,134,232,.08),transparent 58%),var(--bg);position:relative}.login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 220px 40px #0000008c}.login .box{width:320px;position:relative;z-index:1;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow-3),inset 0 1px #ffffff0a}.login .box:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(180deg,#f0b85580,#f0b85500 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login .brand{font-size:26px;text-align:center;margin-bottom:6px}.login .tagline{text-align:center;color:var(--muted);font-size:10px;margin-bottom:24px;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 1024px){.body{grid-template-columns:150px 1fr}main{padding:var(--sp-4) var(--sp-4)}.grid.two{grid-template-columns:1fr}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.stat-grid,.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.topbar{gap:12px;padding:0 12px}.topbar .meta{display:none}}@media (max-width: 720px){.grid.three,.grid.four,.row,.row.three{grid-template-columns:1fr}.toast{left:12px;right:12px;max-width:none}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.skeleton:after{animation:none!important}}