:root{--bg: #05080f;--bg-2: #080e1a;--surface: #0d1524;--surface-2: #131f36;--surface-3: #1b2b49;--surface-hi: #243960;--line: #22355a;--line-soft: #16233b;--line-strong: #355284;--text: #eaf1fc;--text-dim: #a6b8d6;--muted: #6c82a8;--faint: #47597a;--gold: #eeb84e;--gold-hi: #ffd77e;--gold-lo: #d69a34;--gold-dim: #b0863a;--gold-deep: #7a5c26;--on-gold: #150e02;--green: #33d6a0;--green-deep: #05221b;--red: #f26a70;--red-deep: #2c1116;--blue: #5590ef;--blue-deep: #0b1a33;--amber: #eeb84e;--amber-deep: #241803;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--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,.4);--shadow-2: 0 8px 24px -8px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.4);--shadow-3: 0 28px 60px -16px rgba(0,0,0,.75), 0 10px 26px rgba(0,0,0,.5);--hl-top: inset 0 1px 0 rgba(255,255,255,.05);--glow-gold: 0 0 0 1px rgba(238,184,78,.28), 0 0 28px -6px rgba(238,184,78,.4);--ring-gold: 0 0 0 3px rgba(238,184,78,.2);--grad-gold: linear-gradient(175deg, #ffe6a6 0%, var(--gold-hi) 18%, var(--gold) 52%, var(--gold-lo) 100%);--grad-panel: linear-gradient(180deg, var(--surface) 0%, var(--bg-2) 100%);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .16s;--dur-slow: .3s;--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(1300px 760px at 84% -14%,rgba(238,184,78,.07),transparent 58%),radial-gradient(1000px 640px at 6% 112%,rgba(85,144,239,.06),transparent 54%),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}::selection{background:#eeb84e47;color:#fff}.shell{display:grid;grid-template-rows:52px 1fr;height:100%}.body{display:grid;grid-template-columns:196px 1fr;overflow:hidden}.topbar{display:flex;align-items:center;gap:18px;padding:0 20px;background:linear-gradient(180deg,#131f36eb,#0d1524eb);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);border-bottom:1px solid var(--line);box-shadow:var(--shadow-1),var(--hl-top);position:relative;z-index:20}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(238,184,78,.4),transparent);opacity:.7}.brand{font-family:var(--mono);font-weight:700;letter-spacing:.05em;font-size:16px;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold);filter:drop-shadow(0 0 14px rgba(238,184,78,.3))}.brand small{color:var(--muted);font-size:9px;margin-left:6px;letter-spacing:.16em;text-transform:uppercase;-webkit-text-fill-color:var(--muted)}.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 #33d6a099;animation:dot-pulse 2.4s var(--ease) infinite}@keyframes dot-pulse{0%{box-shadow:0 0 #33d6a08c}70%{box-shadow:0 0 0 7px #33d6a000}to{box-shadow:0 0 #33d6a000}}.langs{display:flex;gap:3px;background:#05080f99;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 10px;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:var(--grad-gold);color:var(--on-gold);font-weight:700;box-shadow:var(--shadow-1),inset 0 1px #ffffff59}.sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--bg-2) 100%);border-right:1px solid var(--line);padding:12px 0;overflow-y:auto;box-shadow:inset -1px 0 #0000004d}.sidebar a{display:flex;align-items:center;gap:10px;position:relative;padding:9px 16px;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:#ffffff08;color:var(--text)}.sidebar a.active{background:linear-gradient(90deg,#eeb84e29,#eeb84e05);color:var(--gold);border-left-color:var(--gold);font-weight:600}.sidebar a.active:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);box-shadow:0 0 12px 1px #eeb84e80}.sidebar .idx{font-family:var(--mono);font-size:11px;color:var(--muted);width:16px;text-align:center}.sidebar a.active .idx{color:var(--gold-dim)}.sidebar .group-label{padding:16px 16px 6px;font-size:9px;letter-spacing:.15em;color:var(--faint);text-transform:uppercase;font-weight:700}.sidebar .foot{padding:15px 16px;font-size:10px;color:var(--faint);line-height:1.6}main{padding:var(--sp-5) var(--sp-6);overflow-y:auto}h1{font-size:20px;margin:0 0 var(--sp-4);font-weight:700;letter-spacing:-.015em;display:flex;align-items:center;gap:10px}h1:before{content:"";width:3px;height:18px;border-radius:2px;background:var(--grad-gold);box-shadow:0 0 12px -1px #eeb84e80;flex:none}h2{font-size:13px;margin:0 0 var(--sp-3);font-weight:600;color:var(--text-dim);letter-spacing:.01em}.tabs{display:flex;gap:4px;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:9px 14px;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:var(--grad-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2),var(--hl-top);overflow:hidden;position:relative;transition:border-color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease-out)}.panel:hover{border-color:var(--line-strong)}.panel>header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:11px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-weight:700;background:linear-gradient(180deg,rgba(255,255,255,.028),transparent)}.panel>.content{padding:14px}.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:12px;bottom:12px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--gold),transparent);opacity:.4}.stat .label{font-size:10px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.stat .value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;font-size:24px;margin-top:6px;font-weight:600;letter-spacing:-.015em;line-height:1.12}.stat .value.gold{color:var(--gold);text-shadow:0 0 22px rgba(238,184,78,.28)}.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:var(--grad-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1),var(--hl-top);transition:border-color var(--dur) var(--ease),box-shadow var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.stat-grid>.stat:hover,.kpi-grid>.stat:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2),var(--hl-top);transform:translateY(-2px)}label{display:block;font-size:10px;color:var(--muted);margin:var(--sp-3) 0 var(--sp-1);letter-spacing:.06em;text-transform:uppercase;font-weight:700}input,select,textarea{width:100%;background:#05080f8c;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;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:11px;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:.03em;position:relative;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:var(--grad-gold);color:var(--on-gold);box-shadow:var(--shadow-1),inset 0 1px #fff6}button.btn.gold:hover{box-shadow:var(--glow-gold),var(--shadow-2),inset 0 1px #fff6}button.btn.green{background:linear-gradient(180deg,#45e6b0,var(--green));color:var(--green-deep);box-shadow:var(--shadow-1),inset 0 1px #ffffff47}button.btn.blue{background:linear-gradient(180deg,#669df0,var(--blue));color:#fff;box-shadow:var(--shadow-1),inset 0 1px #ffffff3d}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:5px 11px;font-size:10px;border-radius:5px;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:var(--grad-gold);color:var(--on-gold);border-color:var(--gold-lo);font-weight:700;box-shadow:inset 0 1px #ffffff59}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:10px 12px;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,var(--surface-2),rgba(19,31,54,.9));-webkit-backdrop-filter:saturate(140%) blur(3px);backdrop-filter:saturate(140%) blur(3px);white-space:nowrap}thead th:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(238,184,78,.24),transparent)}tbody td{padding:9px 12px;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:#eeb84e0d}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)}tfoot td{padding:10px 12px;border-top:1px solid var(--line);font-weight:700;background:#ffffff05}tfoot 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}table.summary td{padding:8px 12px;border-bottom:1px solid var(--line-soft)}table.summary tr.tot td{border-top:1px solid var(--line);border-bottom:0;font-weight:700;padding-top:10px}table.summary td:last-child{text-align:right;font-family:var(--mono)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;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,.tag.ok{background:#33d6a021;color:var(--green);border-color:#33d6a052}.tag.warn,.tag.gold{background:#eeb84e21;color:var(--gold);border-color:#eeb84e57}.tag.danger{background:#f26a7021;color:var(--red);border-color:#f26a7052}.tag.mute{background:var(--surface-3);color:var(--text-dim);border-color:var(--line)}.tag.info{background:#5590ef26;color:#85aef2;border-color:#5590ef59}.receipt{background:#f7f4ed;color:#1a1a1a;padding:24px;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}.box{animation:modal-in .26s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.box>.panel{box-shadow:var(--shadow-3),var(--hl-top)}.toast{position:fixed;right:20px;bottom:20px;z-index:90;padding:13px 17px 13px 15px;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 .3s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.toast.ok{border-color:#33d6a066;border-left-color:var(--green)}.toast.err{border-color:#f26a7073;border-left-color:var(--red)}.toast.err strong,.toast.ok strong{display:block;margin-bottom:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.toast.err strong{color:var(--red)}.toast.ok strong{color:var(--green)}.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:8px 12px;margin:11px 0;background:#eeb84e0f;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%;position:relative;background:radial-gradient(950px 540px at 50% -8%,rgba(238,184,78,.12),transparent 60%),radial-gradient(760px 540px at 50% 120%,rgba(85,144,239,.08),transparent 56%),var(--bg)}.login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 240px 48px #0009}.login .box{width:340px;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:34px 30px;box-shadow:var(--shadow-3),inset 0 1px #ffffff0d;animation:none}.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,#eeb84e8c,#eeb84e00 46%);-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:28px;text-align:center;margin-bottom:6px}.login .tagline{text-align:center;color:var(--muted);font-size:10px;margin-bottom:26px;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 1024px){.body{grid-template-columns:156px 1fr}main{padding: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}}