:root{--bg-black: #05080f;--bg-card: #0d1527;--bg-glass: rgba(13, 21, 39, .85);--border-color: rgba(255, 255, 255, .1);--border-highlight: rgba(52, 211, 153, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .25);--accent-blue: #0078d4;--accent-teal: #00a389;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html.mobile-scan-html,body.mobile-scan-body{width:100%;height:100%;height:100dvh;overflow:hidden;background-color:var(--bg-black);color:var(--text-main);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;touch-action:manipulation}.mobile-scanner-app{display:flex;flex-direction:column;height:100dvh;position:relative;overflow:hidden}.scan-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background:#05080fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:20}.header-left{display:flex;align-items:center;gap:.75rem}.header-back-link{color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0a}.header-brand-wrap{display:flex;flex-direction:column}.header-logo-row{display:flex;align-items:center;gap:.4rem}.header-app-name{font-weight:800;font-size:.95rem;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 40%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-badge-pwa{font-size:.6rem;font-family:var(--font-mono);background:#10b98126;color:var(--accent-emerald);padding:.15rem .4rem;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.header-event-name{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.header-controls{display:flex;align-items:center;gap:.4rem}.ctrl-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.ctrl-btn:active{transform:scale(.92);background:#ffffff1a}.ctrl-btn.active{border-color:#10b98166;color:var(--accent-emerald)}.sync-status-bar{height:36px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;background:#0d1527bf;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem;z-index:15}.sync-status-inner{display:flex;align-items:center;gap:.5rem;color:#cbd5e1}.status-indicator-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse-dot 2s infinite ease-in-out}.counter-chip{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:6px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer}.counter-val{color:var(--accent-emerald);font-family:var(--font-mono);font-weight:700}.counter-label{font-size:.65rem;font-weight:600;letter-spacing:.05em}.mode-selector-wrap{padding:.5rem 1rem;z-index:15}.mode-tabs{display:flex;background:#ffffff0a;border:1px solid var(--border-color);border-radius:10px;padding:3px;gap:4px}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;border:none;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.mode-tab.active{background:#10b98126;color:#fff;border:1px solid rgba(16,185,129,.35);box-shadow:0 2px 10px #0000004d}.camera-viewport-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}#scan-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.camera-prompt-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080ff2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;z-index:10}.prompt-icon{width:68px;height:68px;border-radius:50%;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--accent-emerald);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.camera-prompt-overlay h3{font-size:1.25rem;margin-bottom:.5rem}.camera-prompt-overlay p{font-size:.85rem;color:var(--text-muted);max-width:260px;margin-bottom:1.5rem;line-height:1.45}.btn-start-camera{padding:.9rem 1.75rem;background:var(--accent-emerald);color:#05080f;font-weight:700;font-size:.9rem;border:none;border-radius:10px;cursor:pointer;letter-spacing:.04em;box-shadow:0 4px 20px #10b98166}.scan-reticle-wrap{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center}.reticle-box{width:260px;height:260px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.reticle-box.ocr-mode{width:300px;height:190px}.reticle-corner{position:absolute;width:32px;height:32px;border-color:var(--accent-emerald);border-style:solid}.reticle-corner.tl{top:0;left:0;border-width:3.5px 0 0 3.5px;border-top-left-radius:12px}.reticle-corner.tr{top:0;right:0;border-width:3.5px 3.5px 0 0;border-top-right-radius:12px}.reticle-corner.bl{bottom:0;left:0;border-width:0 0 3.5px 3.5px;border-bottom-left-radius:12px}.reticle-corner.br{bottom:0;right:0;border-width:0 3.5px 3.5px 0;border-bottom-right-radius:12px}.laser-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-emerald),transparent);box-shadow:0 0 12px var(--accent-emerald);animation:scanline 2.2s infinite ease-in-out}@keyframes scanline{0%{top:5%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:95%;opacity:0}}.reticle-hint{margin-top:1.25rem;font-size:.8rem;color:#fff;background:#000000a6;padding:.35rem .85rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ocr-capture-bar{position:absolute;bottom:4rem;left:0;right:0;display:flex;flex-direction:column;align-items:center;z-index:10}.btn-ocr-shutter{width:68px;height:68px;border-radius:50%;border:4px solid #fff;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:.5rem;transition:transform .1s ease}.btn-ocr-shutter:active{transform:scale(.92)}.shutter-inner{width:52px;height:52px;border-radius:50%;background:#fff}.ocr-subtext{font-size:.75rem;color:var(--text-muted);background:#0009;padding:.2rem .6rem;border-radius:12px}.quick-test-bar{position:absolute;bottom:.75rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:0 .5rem;z-index:10}.quick-test-label{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted)}.quick-pill{padding:.35rem .65rem;background:#0d1527d9;border:1px solid var(--border-color);color:#e2e8f0;border-radius:6px;font-size:.72rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quick-pill:active{background:#10b98133;border-color:var(--accent-emerald)}.scan-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080fbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:fadeIn .18s ease-out}.result-card-sheet{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border-highlight);border-radius:18px;overflow:hidden;box-shadow:0 15px 40px #000000b3;animation:scaleUp .2s cubic-bezier(.16,1,.3,1)}.result-status-banner{padding:1.25rem;display:flex;align-items:center;gap:.9rem}.result-status-banner.success{background:linear-gradient(135deg,#10b98140,#10b9810d);border-bottom:1px solid rgba(16,185,129,.2)}.result-status-banner.warning{background:linear-gradient(135deg,#f59e0b40,#f59e0b0d);border-bottom:1px solid rgba(245,158,11,.2)}.result-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--accent-emerald);color:#05080f;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px var(--accent-emerald-glow)}.result-status-banner.warning .result-icon-circle{background:var(--accent-amber)}.result-title-wrap h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.result-subtitle{font-size:.78rem;color:var(--text-muted)}.result-body{padding:1.25rem}.result-guest-name{font-size:1.35rem;font-weight:700;margin-bottom:.2rem}.result-guest-company{font-size:.88rem;color:var(--text-muted);margin-bottom:1rem}.result-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;background:#00000059;border-radius:10px;border:1px solid rgba(255,255,255,.04);margin-bottom:1rem}.result-meta-cell{display:flex;flex-direction:column}.meta-label{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.2rem}.meta-val{font-size:.8rem;font-weight:600;color:#fff}.result-dispatch-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;font-size:.75rem;color:#d1fae5}.dispatch-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald)}.dispatch-latency{margin-left:auto;color:var(--accent-emerald);font-weight:700}.result-action-bar{padding:0 1.25rem 1.25rem}.btn-dismiss-result{width:100%;padding:.9rem;background:#ffffff14;border:1px solid var(--border-color);color:#fff;font-weight:700;font-size:.85rem;border-radius:10px;cursor:pointer;letter-spacing:.04em}.btn-dismiss-result:active{background:#ffffff26}.history-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;z-index:40}.history-drawer{position:absolute;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);border-top-left-radius:20px;border-top-right-radius:20px;z-index:45;max-height:70vh;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .28s cubic-bezier(.16,1,.3,1)}.history-drawer.open{transform:translateY(0)}.drawer-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:10px auto 4px}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border-color)}.drawer-head h3{font-size:1rem;font-weight:700}.drawer-head p{font-size:.72rem;color:var(--text-muted)}.drawer-list{padding:.75rem 1.25rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.history-item-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem .85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-size:.8rem}.history-item-info{display:flex;flex-direction:column}.history-item-name{font-weight:600;color:#fff}.history-item-sub{font-size:.7rem;color:var(--text-muted)}.history-item-meta{display:flex;flex-direction:column;align-items:flex-end}.history-item-time{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.history-status-tag{font-size:.65rem;font-weight:600;color:var(--accent-emerald)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.status-right-group{display:flex;align-items:center;gap:.5rem}.printer-indicator-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:999px;color:var(--accent-emerald);font-size:.7rem;font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all .2s ease}.printer-indicator-chip:hover{background:#10b98133;border-color:#10b98166}.printer-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.printer-indicator-chip.disabled{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted)}.printer-indicator-chip.disabled .printer-chip-dot{background:#64748b;box-shadow:none}.ctrl-btn.active .ctrl-badge-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.result-nametag-box{margin-top:.9rem;background:#00000059;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden}.nametag-printer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.06)}.printer-indicator-group{display:flex;align-items:center;gap:.4rem}.printer-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 8px var(--accent-emerald);animation:pulse-dot 1.8s infinite}.printer-name-tag{font-size:.68rem;color:var(--text-muted);letter-spacing:.03em}.printer-state-pill{font-size:.65rem;font-weight:700;font-family:var(--font-mono);background:#10b98126;color:var(--accent-emerald);padding:.15rem .45rem;border-radius:4px;border:1px solid rgba(16,185,129,.3)}.nametag-badge-slip{background:#fff;color:#0f172a;border-radius:8px;padding:.85rem .95rem;box-shadow:0 6px 20px #0006,inset 0 -2px #0000001a;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:slideOutThermalPaper .45s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top center}@keyframes slideOutThermalPaper{0%{opacity:0;transform:translateY(-24px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}.badge-punch-slot{width:32px;height:5px;background:#cbd5e1;border-radius:3px;margin:0 auto .6rem;box-shadow:inset 0 1px 2px #00000040}.badge-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem;border-bottom:1.5px solid #0f172a;padding-bottom:.3rem}.badge-event-title{font-family:var(--font-mono);font-weight:700;font-size:.65rem;letter-spacing:.05em;color:#0f172a}.badge-tier-tag{font-family:var(--font-mono);font-weight:800;font-size:.62rem;background:#0f172a;color:#fff;padding:.15rem .4rem;border-radius:3px;letter-spacing:.05em}.badge-name-large{font-size:1.25rem;font-weight:800;color:#000;line-height:1.15;letter-spacing:-.02em;margin-bottom:.15rem}.badge-org-row{font-size:.78rem;font-weight:600;color:#334155;margin-bottom:.6rem}.badge-lower-row{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #cbd5e1;padding-top:.5rem;gap:.6rem}.badge-qr-render-box{width:58px;height:58px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center}.badge-code-details{flex:1;display:flex;flex-direction:column;align-items:flex-end}.badge-fake-barcode{font-family:monospace;font-size:.75rem;letter-spacing:1.5px;color:#000;line-height:1;margin-bottom:.2rem;-webkit-user-select:none;user-select:none}.badge-ticket-num{font-size:.7rem;font-weight:700;color:#0f172a}.badge-entry-time{font-size:.62rem;color:#64748b}.nametag-btn-row{display:flex;gap:.5rem;margin-top:.25rem}.btn-nametag-print{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .85rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-nametag-print:active{background:#ffffff2e;transform:scale(.98)}.btn-nametag-zpl{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .85rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:var(--accent-emerald);font-family:var(--font-mono);font-size:.75rem;font-weight:700;cursor:pointer}.btn-nametag-zpl:active{background:#10b98140}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.modal-sheet{background:var(--bg-card);border-top:1px solid var(--border-color);border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:540px;max-height:85vh;overflow-y:auto;box-shadow:0 -10px 40px #0009;padding:1.25rem;animation:scaleUp .24s cubic-bezier(.16,1,.3,1)}.modal-sheet-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.modal-title-wrap{display:flex;align-items:center;gap:.5rem}.modal-title-wrap h3{font-size:1.05rem;font-weight:700;color:#fff}.form-group-mobile{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group-mobile label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--text-muted)}.mobile-select{width:100%;padding:.75rem .85rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:.85rem;font-family:var(--font-sans);outline:none}.field-hint{font-size:.7rem;color:var(--text-muted)}.toggle-row-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.toggle-text{display:flex;flex-direction:column}.toggle-text strong{font-size:.85rem;color:#fff}.toggle-text span{font-size:.72rem;color:var(--text-muted)}.switch-ui{position:relative;display:inline-block;width:44px;height:24px}.switch-ui input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff26;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--accent-emerald)}input:checked+.slider:before{transform:translate(20px)}.modal-btn-row{margin-top:1.25rem}.btn-test-print,.btn-copy-zpl,.btn-download-zpl{width:100%;padding:.85rem;background:var(--accent-emerald);color:#05080f;border:none;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:opacity .2s}.btn-copy-zpl{background:#ffffff1a;color:#fff;border:1px solid var(--border-color)}.btn-download-zpl{background:var(--accent-emerald);color:#05080f}.zpl-code-pre{background:#000;color:#34d399;border:1px solid rgba(52,211,153,.3);padding:.85rem;border-radius:8px;font-size:.72rem;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow-y:auto}.printable-thermal-label{display:none}@media print{@page{size:62mm 100mm;margin:0}html,body{width:62mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:visible!important}body *{visibility:hidden!important}#printable-label-badge,#printable-label-badge *{visibility:visible!important}#printable-label-badge{display:block!important;position:absolute!important;left:0!important;top:0!important;width:62mm!important;min-height:90mm!important;margin:0!important;padding:3mm 4mm!important;box-sizing:border-box!important;background:#fff!important;color:#000!important}.print-label-inner{display:flex;flex-direction:column;width:100%}.print-label-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2pt solid #000;padding-bottom:2mm;margin-bottom:3mm}.print-label-event{font-size:8pt;font-weight:700;text-transform:uppercase}.print-label-tier{font-size:8pt;font-weight:900;background:#000;color:#fff;padding:1mm 2mm;border-radius:1mm}.print-label-name{font-size:18pt;font-weight:900;line-height:1.1;margin-bottom:2mm;color:#000}.print-label-company{font-size:11pt;font-weight:700;color:#111;margin-bottom:1mm}.print-label-role{font-size:9pt;font-weight:500;color:#333;margin-bottom:4mm}.print-label-footer{display:flex;justify-content:space-between;align-items:center;border-top:1.5pt solid #000;padding-top:3mm;margin-top:4mm}.print-label-code-wrap{display:flex;flex-direction:column;align-items:flex-end}.print-barcode-bars{font-family:monospace;font-size:9pt;letter-spacing:1.5px;font-weight:700;margin-bottom:1mm}.print-code-str{font-size:8pt;font-weight:700}.print-time-str{font-size:7pt;color:#444}}