.qrc-page{min-height:100dvh;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(140deg,#eff6ff 0%,#f8fafc 55%,#dbeafe 100%);justify-content:center;align-items:flex-start;display:flex}.qrc-card{width:100%;padding:28px 18px calc(36px + env(safe-area-inset-bottom,0px));background:#fff;flex-direction:column;gap:20px;min-height:100dvh;display:flex}@media (width>=480px){.qrc-page{align-items:flex-start;padding:32px 16px 56px}.qrc-card{border-radius:22px;max-width:480px;min-height:auto;padding:32px 28px 28px;box-shadow:0 2px 6px #0000000f,0 8px 28px #00000017}}.qrc-header{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-bottom:4px;display:flex}.qrc-header-icon{color:#fff;background:linear-gradient(135deg,#012269 0%,#0079c0 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:0 4px 14px #0079c059}.qrc-title{color:#0c1c4e;letter-spacing:-.4px;margin:0;font-size:1.65rem;font-weight:800;line-height:1.2}.qrc-subtitle{color:#6b7280;margin:0;font-size:.86rem;line-height:1.4}.qrc-context-section{flex-direction:column;gap:22px;display:flex}.qrc-context-step{flex-direction:column;gap:8px;display:flex}.qrc-context-label{color:#4b5563;text-transform:uppercase;letter-spacing:.7px;align-items:center;gap:7px;font-size:.75rem;font-weight:700;display:flex}.qrc-select{color:#111827;appearance:none;cursor:pointer;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #e5e7eb;border-radius:12px;width:100%;min-height:48px;padding:0 40px 0 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.qrc-select:focus{background-color:#fff;border-color:#0079c0;outline:none;box-shadow:0 0 0 3px #0079c01f}.qrc-select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.qrc-loading-hint{color:#9ca3af;text-align:center;padding:6px 0;font-size:.8rem}.qrc-mode-toggle{background:#f3f4f6;border-radius:12px;gap:4px;padding:4px;display:flex}.qrc-mode-btn{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;min-height:44px;padding:10px 6px;font-family:inherit;font-size:.8rem;font-weight:600;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s}.qrc-mode-btn--active{color:#0079c0;background:#fff;box-shadow:0 1px 6px #00000021}.qrc-mode-btn:not(.qrc-mode-btn--active):hover{color:#374151}.qrc-mode-desc{color:#9ca3af;text-align:center;margin:0;padding:0 2px;font-size:.77rem;line-height:1.5}.qrc-start-btn{cursor:pointer;color:#fff;letter-spacing:.2px;background:linear-gradient(100deg,#012269 0%,#0079c0 100%);border:none;border-radius:14px;width:100%;min-height:54px;margin-top:2px;padding:14px;font-family:inherit;font-size:1rem;font-weight:700;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 14px #0079c061}.qrc-start-btn:hover:not(:disabled){box-shadow:0 6px 20px #0079c07a}.qrc-start-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #0079c047}.qrc-start-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.qrc-context-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.qrc-context-bar-info{flex-direction:column;gap:2px;min-width:0;display:flex}.qrc-context-bar-mela{color:#1e40af;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.qrc-context-bar-detail{color:#3b82f6;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.qrc-change-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:8px;flex-shrink:0;min-height:38px;padding:8px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .18s,border-color .18s}.qrc-change-btn:hover{background:#dbeafe;border-color:#60a5fa}.qrc-scanner-region{background:#0f172a;border-radius:16px;width:100%;min-height:300px;max-height:380px;position:relative;overflow:hidden}#qr-scanner-viewport{border:none!important;width:100%!important;padding:0!important}#qr-scanner-viewport__dashboard{display:none!important}#qr-scanner-viewport video{display:block;width:100%!important}#qr-scanner-viewport__scan_region{background:0 0!important}.qrc-scan-overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qrc-scan-overlay:before{content:"";background:radial-gradient(240px 240px,#0000 115px,#0000008c 118px);position:absolute;inset:0}.qrc-scan-frame{width:220px;height:220px;position:relative}.qrc-corner{border-style:solid;border-color:#38bdf8;width:30px;height:30px;position:absolute}.qrc-corner--tl{border-width:3px 0 0 3px;border-radius:5px 0 0;top:0;left:0}.qrc-corner--tr{border-width:3px 3px 0 0;border-radius:0 5px 0 0;top:0;right:0}.qrc-corner--bl{border-width:0 0 3px 3px;border-radius:0 0 0 5px;bottom:0;left:0}.qrc-corner--br{border-width:0 3px 3px 0;border-radius:0 0 5px;bottom:0;right:0}.qrc-scan-line{background:linear-gradient(90deg,#0000 0%,#38bdf866 15%,#38bdf8 50%,#38bdf866 85%,#0000 100%);border-radius:2px;height:2px;animation:2s ease-in-out infinite qrc-sweep;position:absolute;left:4px;right:4px;box-shadow:0 0 12px #38bdf8cc}@keyframes qrc-sweep{0%{top:4px}50%{top:calc(100% - 6px)}to{top:4px}}.qrc-status-overlay{z-index:20;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:.95rem;font-weight:600;animation:.18s qrc-fade-in;display:flex;position:absolute;inset:0}@keyframes qrc-fade-in{0%{opacity:0}to{opacity:1}}.qrc-status-overlay--loading{color:#fff;background:#000000b8}.qrc-status-overlay--valid{color:#fff;background:#059669e6}.qrc-status-overlay--invalid{color:#fff;background:#dc2626e6}.qrc-status-overlay--warning{color:#fff;background:#b45309e6}.qrc-status-overlay--alert{color:#fff;background:#c2410ce6}.qrc-status-overlay--checkout{color:#fff;background:#059669e6}.qrc-overlay-icon{font-size:3rem;line-height:1}.qrc-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite qrc-spin;display:inline-block}@keyframes qrc-spin{to{transform:rotate(360deg)}}.qrc-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.84rem;line-height:1.5;display:flex}.qrc-error-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.qrc-status-badge{border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-size:.82rem;font-weight:500;display:flex}.qrc-status-badge--scanning{color:#0079c0;background:#eff6ff}.qrc-status-badge--loading{color:#92400e;background:#fef3c7}.qrc-pulse-dot{background:#0079c0;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.3s ease-in-out infinite qrc-pulse}@keyframes qrc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.qrc-stop-btn{cursor:pointer;color:#dc2626;letter-spacing:.2px;background:#fff5f5;border:1.5px solid #fca5a5;border-radius:12px;width:100%;min-height:48px;padding:12px;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .18s,transform .1s}.qrc-stop-btn:hover{background:#fee2e2}.qrc-stop-btn:active{transform:scale(.98)}.qrc-result-card{border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:26px 20px 20px;animation:.28s qrc-slide-up;display:flex}@keyframes qrc-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qrc-result-card--valid{background:#f0fdf4;border:1.5px solid #86efac}.qrc-result-card--invalid{background:#fef2f2;border:1.5px solid #fca5a5}.qrc-result-card--warning{background:#fffbeb;border:1.5px solid #fcd34d}.qrc-result-card--alert,.qrc-result-card--needs-checkin{background:#fff7ed;border:1.5px solid #fdba74}.qrc-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.9rem;font-weight:700;display:flex}.qrc-result-card--valid .qrc-result-icon{color:#fff;background:#16a34a}.qrc-result-card--invalid .qrc-result-icon{color:#fff;background:#dc2626}.qrc-result-card--warning .qrc-result-icon{color:#fff;background:#d97706}.qrc-result-card--alert .qrc-result-icon,.qrc-result-card--needs-checkin .qrc-result-icon{color:#fff;background:#ea580c}.qrc-result-details{text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.qrc-result-name{color:#111827;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.qrc-result-uid{color:#374151;letter-spacing:.4px;word-break:break-all;background:#0000000f;border-radius:20px;margin:0;padding:3px 12px;font-family:Courier New,Courier,monospace;font-size:.78rem}.qrc-type-badge{color:#1d4ed8;letter-spacing:.6px;text-transform:uppercase;background:#dbeafe;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.qrc-type-badge--company{color:#92400e;background:#fef3c7}.qrc-result-status-text{color:#4b5563;text-align:center;margin:0;font-size:.85rem;line-height:1.5}.qrc-action-row{gap:10px;width:100%;display:flex}.qrc-action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;min-height:46px;padding:11px 12px;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .1s}.qrc-action-btn:active{transform:scale(.97)}.qrc-action-btn:disabled{opacity:.6;cursor:not-allowed}.qrc-action-btn--checkin{color:#fff;background:linear-gradient(100deg,#012269,#0079c0)}.qrc-action-btn--checkout{color:#166534;background:#f0fdf4;border:1.5px solid #86efac}.qrc-action-btn--checkout:hover:not(:disabled){background:#dcfce7}.qrc-reset-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;width:100%;min-height:46px;padding:11px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .18s,border-color .18s}.qrc-reset-btn:hover{background:#f9fafb;border-color:#d1d5db}.qrc-result-uid--muted{color:#9ca3af}.qrc-result-system-id{color:#6b7280;margin:0;font-size:.78rem}.qrc-result-error-heading{color:#991b1b;margin:0;font-size:1.05rem;font-weight:700}.qrc-result-error-msg{color:#7f1d1d;margin:0;font-size:.82rem;line-height:1.5}.qrc-toggle-btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .1s}.qrc-toggle-btn--start{color:#fff;background:linear-gradient(90deg,#012269 0%,#0079c0 100%)}