:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Poppins,sans-serif!important;font-weight:800;font-style:normal;background:url(/pink.svg)no-repeat #f5f3e9!important;background-position-y:-55px!important;background-position-x:center!important;line-height:1.2}p{margin-bottom:10px}#vue-root{display:flex;justify-content:center;width:100%!important;align-content:center}#master-wrapper{display:flex;flex-direction:column;max-width:500px;margin:25px;background:#fff;width:100%;border-radius:10px;min-height:500px;overflow:hidden;-webkit-box-shadow:0px 12px 22px -3px #DBD6BB;box-shadow:0 12px 22px -3px #dbd6bb}header{background:#fff!important;color:#fff;padding:20px 0 0;text-align:center}.logo-title-container{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.header-logo{max-width:110px;width:100%}.title-text h1{margin:0 0 10px;font-size:2.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.title-text p{margin:0;font-size:1.1rem;opacity:.9;font-weight:300}main{flex:1;background:#fff!important}footer{border-top:1px solid #bababa;background:#fff!important;color:#1d252d;padding:20px 0;text-align:center;margin-top:auto}.footer-content p{margin:5px 0;font-size:.9rem;opacity:.9}.credit{position:relative;font-size:11px!important;background:#efefef;border-radius:100px;text-align:center;display:inline-block;padding:2px 8px;margin-top:15px!important}.barcode-scanner{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.scanner-container{text-align:center}.logo-wrap{width:100%!important;display:flex;flex-direction:row;justify-content:center;column-gap:5px}.logo-fun{width:35px!important;margin-top:-5px}.logo-fun img{color:#34b68e}.scanner-container h2,.options-container h2{color:#333;margin-bottom:0;line-height:1;font-size:1.9rem;letter-spacing:-1px;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.scanner-container h2 span{font-weight:300;font-size:1.5rem}#qrcode-stream-pause-frame{display:block}.camera-controls{margin:20px 0}.start-btn{background-color:#fff;border:1px solid #1d252d;color:#1d252d!important;margin-top:45px;letter-spacing:-1px;padding:16px 35px!important;border-radius:100px!important;font-size:24px!important;font-weight:800;text-transform:uppercase;font-family:Poppins,sans-serif;cursor:pointer;transition:background-color .3s}.back-btn{background-color:#1d252d;color:#fff!important;border:none;margin-top:45px;border-radius:100px!important;font-size:14px!important;font-weight:600;padding:13px 25px!important;text-transform:uppercase;font-family:Poppins,sans-serif;border-radius:6px;cursor:pointer;transition:background-color .3s}.start-btn:hover:not(:disabled){background-color:#1d252d;color:#fff!important}.options-page{min-height:0!important;background:none!important}.options-container{border:1px solid #d6d6d6;box-shadow:none!important}.footer-btn{display:flex;width:100%;justify-content:center;column-gap:5px}.export-btn,.options-btn{background-color:#34b68e;color:#fff;border:none;padding:12px 18px!important;border-radius:100px!important;font-size:12px;font-weight:600;text-transform:uppercase;font-family:Poppins,sans-serif;border-radius:6px;cursor:pointer;transition:background-color .3s}.start-btn:disabled{background-color:#ccc;cursor:not-allowed}.scanner-view{position:relative;display:inline-block;padding:10px 0 0;width:100%}.qr-scanner{width:100%;max-width:900px;height:auto;border:2px solid #34b78f;box-shadow:0 0 10px #34b78f4d}video{display:block!important}.scanner-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.scanner-frame{width:300px;height:300px;border:2px solid #34b78f;border-radius:8px;background:#34b78f1a;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.controls{margin:15px 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.stop-btn,.clear-database-btn,.capture-btn,.clear-error-btn{background-color:#a30a0a!important;color:#fff;border-radius:100px!important;padding:15px 25px!important;font-weight:600!important;font-size:14px!important;text-transform:uppercase;transition:background-color .3s;box-shadow:none;border:none!important;box-shadow:none!important}.stop-btn:hover{background-color:#da190b}.capture-btn{background-color:#34b68e;color:#fff;font-weight:600;padding:13px 25px!important;text-transform:uppercase;border-radius:100px}.capture-btn:hover:not(:disabled){background-color:#34b68e}.capture-btn:disabled{background-color:#c1e1d7;cursor:not-allowed}.detection-results{text-align:left;max-width:600px;margin:20px auto}.detection-results h3{color:#333;border-bottom:2px solid #34b78f;padding-bottom:5px}.code-result{background:#f9f9f9;padding:15px;margin:10px 0;border-radius:6px;border-left:4px solid #34b78f;color:#000}.code-result p{margin:5px 0;word-break:break-all}.submit-btn{background-color:#34b68e;color:#fff;border:none;padding:13px 25px!important;font-size:14px;border-radius:100px;color:#fff!important;font-weight:600;text-transform:uppercase!important;cursor:pointer;margin-top:10px;transition:background-color .3s}.submit-btn:hover:not(:disabled){background-color:#f57c00}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:15px;margin:20px 0;border-radius:6px;border-left:4px solid #c62828}.success-message{background-color:#e8f5e8;color:#2e7d32;padding:15px;margin:20px 0;border-radius:6px;border-left:4px solid #34b78f}.debug-panel{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;padding:15px;font-family:Courier New,monospace;max-width:600px;margin:20px auto}.debug-panel h3{margin:0 0 15px;color:#333;font-size:16px}.debug-item{margin:8px 0;font-size:14px;display:flex;justify-content:space-between;align-items:center;color:#000}.debug-item strong{color:#555;min-width:140px}.status-active{color:#34b78f;font-weight:700}.status-inactive{color:#9e9e9e;font-weight:700}.status-paused{color:#ff9800;font-weight:700}.status-detected{color:#2196f3;font-weight:700;animation:pulse-detected 1s ease-in-out}.status-error{color:#f44336;font-weight:700}.status-starting{color:#9c27b0;font-weight:700}.status-default{color:#666;font-weight:700}@keyframes pulse-detected{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.barcode-scanner{padding:10px}.controls{flex-direction:column;align-items:center}.stop-btn,.capture-btn{width:200px}.debug-panel{font-size:12px;padding:12px}.debug-item{flex-direction:column;align-items:flex-start;margin:10px 0}.debug-item strong{min-width:auto;margin-bottom:4px}}a,.green{text-decoration:none;color:#34b78f;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#34b78f33}}.options-page{display:flex;align-items:center;justify-content:center;padding:20px}.options-container{border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:500px;width:100%}.options-content{margin-bottom:30px}.options-content h3{font-size:1.4rem;color:#333;margin-bottom:20px}.warning-text{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:15px;border-radius:10px;margin-bottom:25px;font-weight:500}.clear-database-btn{background:#dc3545;color:#fff;border:none;padding:13px 25px;font-size:1.2rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc35454d}.clear-database-btn:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.clear-database-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:0 2px 5px #6c757d33}.message{margin-top:20px;padding:12px;border-radius:8px;font-weight:500}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.navigation{border-top:1px solid #dee2e6;padding-top:40px;margin-top:10px}.back-btn{color:#667eea;text-decoration:none;font-weight:500;font-size:1.1rem;padding:10px 20px;border-radius:8px;transition:all .3s ease}.back-btn:hover{background:#667eea1a;color:#5a6fd8}.user-info{color:#000}.scan-history-toggle[data-v-35e26d20]{position:fixed;top:20px;right:20px;z-index:1000;background:#34b68e;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #007bff4d;transition:all .3s ease}.scan-history-toggle[data-v-35e26d20]:hover{background:#34b68e;transform:scale(1.05)}.history-badge[data-v-35e26d20]{position:absolute;top:-5px;right:-5px;background:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.scan-history-overlay[data-v-35e26d20]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1001;opacity:0;visibility:hidden;transition:all .3s ease}.scan-history-overlay.active[data-v-35e26d20]{opacity:1;visibility:visible}.scan-history-panel[data-v-35e26d20]{position:fixed;top:0;right:-400px;width:400px;max-width:90vw;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1002;transition:right .3s ease;display:flex;flex-direction:column}.scan-history-panel.active[data-v-35e26d20]{right:0}.history-header[data-v-35e26d20]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}.history-header h3[data-v-35e26d20]{margin:0;color:#333;font-size:1.2rem}.close-history[data-v-35e26d20]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.close-history[data-v-35e26d20]:hover{background:#e9ecef}.history-content[data-v-35e26d20]{flex:1;overflow-y:auto;padding:20px}.no-history[data-v-35e26d20]{text-align:center;color:#666;padding:40px 20px}.history-list[data-v-35e26d20]{display:flex;flex-direction:column;gap:15px}.history-item[data-v-35e26d20]{border:1px solid #ddd;border-radius:8px;padding:15px;background:#fff;transition:all .2s ease}.history-item.success[data-v-35e26d20]{border-left:4px solid #28a745;background:#f8fff9}.history-item.failed[data-v-35e26d20]{border-left:4px solid #dc3545;background:#fff8f8}.scan-info[data-v-35e26d20]{margin-bottom:10px}.scan-status[data-v-35e26d20]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.status-icon[data-v-35e26d20]{display:flex;align-items:center;justify-content:center}.status-icon.success[data-v-35e26d20]{color:#28a745}.status-icon.failed[data-v-35e26d20]{color:#dc3545}.status-icon.pending[data-v-35e26d20]{color:#ffc107}.status-text[data-v-35e26d20]{font-weight:600;font-size:14px}.scan-time[data-v-35e26d20]{font-size:12px;color:#666;margin-bottom:10px}.scan-details p[data-v-35e26d20]{margin:2px 0;font-size:14px}.scan-details .email[data-v-35e26d20],.scan-details .location[data-v-35e26d20]{color:#666;font-size:12px}.scan-raw .raw-data[data-v-35e26d20]{font-family:monospace;font-size:12px;color:#666;background:#f5f5f5;padding:8px;border-radius:4px;word-break:break-all}.error-details .error-text[data-v-35e26d20]{color:#dc3545;font-size:12px;margin:5px 0;padding:5px;background:#fff5f5;border-radius:4px}.scan-actions[data-v-35e26d20]{display:flex;justify-content:flex-end;gap:10px}.retry-btn[data-v-35e26d20]{background:#ffc107;color:#212529;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.retry-btn[data-v-35e26d20]:hover:not(:disabled){background:#e0a800}.retry-btn[data-v-35e26d20]:disabled{opacity:.6;cursor:not-allowed}.history-actions[data-v-35e26d20]{margin-top:20px;padding-top:15px;border-top:1px solid #eee;display:flex;justify-content:center}.clear-history-btn[data-v-35e26d20]{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.clear-history-btn[data-v-35e26d20]:hover{background:#5a6268}@media (max-width: 480px){.scan-history-panel[data-v-35e26d20]{width:100%;right:-100%}.scan-history-toggle[data-v-35e26d20]{top:15px;right:15px;width:45px;height:45px}.history-badge[data-v-35e26d20]{width:18px;height:18px;font-size:11px}}.loading-indicator[data-v-35e26d20]{font-weight:700;font-size:2rem;text-align:center;color:#fff;background-color:#000000b3;padding:20px;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}#installInstructions[data-v-35e26d20]{display:none}@media (display-mode: browser){#installInstructions[data-v-35e26d20]{display:block}}.install-section[data-v-35e26d20]{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:20px;margin:20px 0;text-align:center}.install-section h3[data-v-35e26d20]{color:#333;margin-bottom:10px;font-size:1.2rem}.install-section p[data-v-35e26d20]{color:#666;margin-bottom:15px;line-height:1.4}.install-section ol[data-v-35e26d20]{text-align:left;display:inline-block;color:#666;line-height:1.6}.install-section li[data-v-35e26d20]{margin-bottom:5px}.install-btn[data-v-35e26d20]{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.install-btn[data-v-35e26d20]:hover{background:#0056b3}.install-btn[data-v-35e26d20]:active{transform:translateY(1px)}