:root{font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;color:#14203a;background:#e9edf2;font-synthesis:none;--ink:#14203a;--navy:#0c1730;--gold:#bd8d35;--mint:#20a985;--line:#dce1e8}*{box-sizing:border-box}body{margin:0;min-width:960px;min-height:100vh;background:linear-gradient(135deg,#e8ecf1,#f7f8fa 55%,#e2e7ee)}button,input{font:inherit}button{cursor:pointer}.desk-shell{min-height:100vh;padding:0 3.25vw 3.25vw}.topbar{display:flex;align-items:center;height:112px;border-bottom:1px solid #cfd5dd}.brand-mark{display:grid;place-items:center;width:54px;height:54px;margin-right:18px;overflow:hidden;border-radius:15px;background:var(--navy);box-shadow:0 8px 20px #0c17302e;color:#fff}.brand-mark span{font-family:Georgia,serif;font-size:33px;font-style:italic;transform:skew(-7deg)}.overline{margin:0 0 4px;color:#777f8e;font-size:10px;font-weight:800;letter-spacing:.14em}.topbar h1{margin:0;font-size:22px;letter-spacing:-.04em}.connection{display:flex;align-items:center;gap:8px;margin-left:auto;padding:9px 14px;border:1px solid #cfd5dd;border-radius:30px;background:#ffffffa6;color:#727b89;font-size:11px;font-weight:800}.connection i{width:7px;height:7px;border-radius:50%;background:#a4aab3}.connection.online{color:#147e65}.connection.online i{background:#2bc39c;box-shadow:0 0 0 4px #2bc39c1f}.connection.offline{color:#b54848}.connection.offline i{background:#df5c5c}.clock{display:flex;min-width:118px;margin-left:24px;flex-direction:column;text-align:right}.clock b{font-family:Georgia,serif;font-size:25px}.clock span{color:#7c8490;font-size:10px}.workspace{display:grid;grid-template-columns:minmax(600px,1.75fr) minmax(315px,.85fr);gap:22px;max-width:1500px;margin:28px auto 0}.scanner-panel,.activity-panel{overflow:hidden;border:1px solid #d6dce4;border-radius:22px;background:#fff;box-shadow:0 18px 45px #24344f12}.scanner-panel{padding:26px}.activity-panel{display:flex;min-height:calc(100vh - 168px);padding:26px 24px 22px;flex-direction:column}.panel-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.panel-heading.compact{align-items:center}.step-label{display:block;margin-bottom:5px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.19em}.panel-heading h2{margin:0;color:var(--ink);font-size:21px;letter-spacing:-.04em}.text-button{padding:8px 0;border:0;border-bottom:1px solid #9aa2ae;background:transparent;color:#5b6472;font-size:11px;font-weight:800}.camera-frame{position:relative;overflow:hidden;min-height:420px;aspect-ratio:16/9;border-radius:16px;background:radial-gradient(circle at 50% 40%,#263653,#0b1324 72%)}video{width:100%;height:100%;object-fit:cover}.camera-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 20%,#07101b38 62%,#07101b9c)}.focus-frame{position:absolute;width:min(46%,310px);aspect-ratio:1;top:44%;left:50%;transform:translate(-50%,-50%)}.focus-frame i{position:absolute;width:38px;height:38px;border:3px solid #fff}.focus-frame i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.focus-frame i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.focus-frame i:nth-child(3){right:0;bottom:0;border-top:0;border-left:0}.focus-frame i:nth-child(4){bottom:0;left:0;border-top:0;border-right:0}.focus-frame span{position:absolute;top:50%;right:7px;left:7px;height:1px;background:linear-gradient(90deg,transparent,#d8ae5d,transparent);box-shadow:0 0 9px #d8ae5d;animation:scan 2.3s ease-in-out infinite}@keyframes scan{0%,to{top:10%}50%{top:90%}}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;color:#cad0d9;text-align:center}.camera-placeholder[hidden]{display:none}.camera-placeholder .qr-glyph{margin-bottom:4px;color:#fff;font-size:68px;line-height:1}.camera-placeholder strong{font-size:16px}.camera-placeholder p{margin:8px 0;color:#9da8b9;font-size:11px}.scan-state{position:absolute;right:18px;bottom:18px;left:18px;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #ffffff26;border-radius:12px;background:#07101bcc;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff}.state-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border-radius:50%;background:#ffffff17;color:#d7ae60;font-size:20px;font-weight:900}.scan-state div{display:flex;flex-direction:column}.scan-state small{margin-bottom:2px;color:#d7ae60;font-size:8px;font-weight:900;letter-spacing:.18em}.scan-state strong{font-size:12px}.scan-state.working .state-icon{animation:spin 1s linear infinite}.scan-state.success{background:#0e594ae8}.scan-state.success small{color:#92f0d4}.scan-state.success .state-icon{background:#20a985;color:#fff}.scan-state.warning{background:#6d4e13e8}.scan-state.error{background:#762c33e8}@keyframes spin{to{transform:rotate(360deg)}}.scanner-footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.scanner-footer p{display:flex;align-items:center;gap:8px;margin:0;color:#737b87;font-size:10px}.scanner-footer p i{width:6px;height:6px;border-radius:50%;background:var(--mint)}.secondary-button{padding:9px 13px;border:1px solid #d8dde4;border-radius:9px;background:#f7f8fa;color:#4f5866;font-size:10px;font-weight:800}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#f7f8fa;color:#56606f;font-size:17px}.today-total{display:flex;align-items:end;justify-content:space-between;margin:4px 0 15px;padding:18px 19px;border-radius:13px;background:var(--navy);color:#fff}.today-total span{color:#aab4c5;font-size:10px;font-weight:700}.today-total strong{font-family:Georgia,serif;color:#fff;font-size:28px}.today-total small{margin-left:3px;color:#c9a660;font-family:inherit;font-size:10px}.recent-list{display:flex;margin:0;padding:0;flex-direction:column;list-style:none}.recent-list li{display:flex;align-items:center;gap:10px;min-height:63px;border-bottom:1px solid #edf0f3}.result-dot{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:50%;background:#e5f7f1;color:#16886d;font-size:12px;font-weight:900}.recent-list li>div{display:flex;min-width:0;flex:1;flex-direction:column}.recent-list strong{overflow:hidden;color:#27334a;font-family:ui-monospace,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.recent-list small{margin-top:4px;color:#9299a4;font-size:9px}.recent-list button{padding:6px 8px;border:1px solid #d9dee5;border-radius:7px;background:#fff;color:#626b78;font-size:9px;font-weight:800}.recent-list .empty-row{display:grid;min-height:100px;place-items:center;color:#939ba7;font-size:11px}.recent-list .error-row{color:#bb4c52}.operator-note{margin-top:auto;padding:14px 16px;border-left:3px solid var(--gold);background:#f6f3ec}.operator-note b{color:#80601f;font-size:10px}.operator-note p{margin:5px 0 0;color:#777267;font-size:9px;line-height:1.55}.desk-dialog{width:min(440px,90vw);padding:0;border:0;border-radius:18px;box-shadow:0 30px 80px #07101b70}.desk-dialog::backdrop{background:#091325a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.desk-dialog form{position:relative;padding:31px}.desk-dialog h2{margin:5px 0 8px;font-size:23px;letter-spacing:-.04em}.desk-dialog p{margin:0 0 22px;color:#767f8d;font-size:12px;line-height:1.6}.desk-dialog label{display:flex;gap:8px;color:#596273;flex-direction:column;font-size:10px;font-weight:800}.desk-dialog input{width:100%;padding:13px;border:1px solid #d5dbe3;border-radius:10px;outline:0;font-family:ui-monospace,monospace;font-size:12px}.desk-dialog input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #bd8d351d}.dialog-close{position:absolute;top:18px;right:18px;border:0;background:transparent;color:#7b8491;font-size:22px}.primary-button{width:100%;margin-top:17px;padding:14px;border:0;border-radius:10px;background:var(--navy);color:#fff;font-size:12px;font-weight:800}.primary-button:disabled{opacity:.55}.voucher{display:none}.voucher-edge{padding:9mm 5mm;background:#0c1730;color:#fff;font-size:9pt;font-weight:900;letter-spacing:.13em;writing-mode:vertical-rl}.voucher-body{padding:13mm}.voucher-body>p{margin:0;color:#85621e;font-size:9pt;font-weight:800;letter-spacing:.08em}.voucher-body h2{margin:6mm 0;font-family:Georgia,serif;font-size:25pt;line-height:1}.voucher-body em{color:#bd8d35;font-size:16pt}.voucher-value{padding:4mm;border:1px solid #bd8d35;color:#0c1730;font-size:16pt;font-weight:900;text-align:center}.voucher dl{margin:7mm 0}.voucher dl div{display:flex;justify-content:space-between;padding:2.3mm 0;border-bottom:1px solid #ddd}.voucher dt{color:#777;font-size:8pt}.voucher dd{margin:0;font-family:ui-monospace,monospace;font-size:8pt;font-weight:800}.voucher-body>small{font-size:7pt}@media(max-width:1100px){.desk-shell{padding:0 22px 22px}.workspace{grid-template-columns:minmax(590px,1fr) 310px}.camera-frame{min-height:380px}}@media(prefers-reduced-motion:reduce){.focus-frame span,.scan-state.working .state-icon{animation:none}}@media print{@page{size:148mm 100mm;margin:0}body{min-width:0;background:#fff}.desk-shell,.desk-dialog{display:none!important}.voucher{display:flex!important;width:148mm;height:100mm;border:1mm solid #0c1730;color:#0c1730}.voucher-edge{display:block}.voucher-body{display:block;flex:1}}