:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem;border-bottom:2px solid rgba(249,115,22,.15);background:linear-gradient(180deg,#f973160f,#f9731600 60%)}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;padding:0 1rem}.header-right{display:flex;align-items:center;gap:16px}.user-email{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f973161a;border-radius:6px;font-size:14px}.user-email-label{color:#666;font-weight:500}.user-email-value{color:#f97316;font-weight:600}.logout-btn{padding:8px 16px;background:#f97316;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background:#ea580c}@media(max-width:768px){.user-email{display:none}.header-right{gap:8px}}.app-header h1{font-size:1.75rem;margin:0;color:#f97316;letter-spacing:.04em}.brand-logo{height:32px;width:auto;object-fit:contain}.brand-title{color:#f97316}.subtitle{color:#666;font-size:1.1rem}.app-footer{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem}.app-footer code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.auto-save-toggle{text-align:center;margin-bottom:2rem}.toggle-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:1rem}.toggle-checkbox{width:20px;height:20px;cursor:pointer}.toggle-text{font-weight:500}.tab-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.tabs{display:flex;background:#f5f5f5;border-bottom:2px solid #e0e0e0}.tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#555;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab:hover{background:#ffe8d8;color:#f97316}.tab.active{background:#fff;color:#f97316;border-bottom:3px solid #f97316}.tab-content{padding:2rem}.qr-scanner-container h2,.qr-generator-container h2{text-align:center;margin-bottom:1.5rem;color:#333}.scanner-controls{margin-bottom:1.5rem}.mode-selector{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.mode-selector button{padding:.5rem 1.5rem;border:2px solid #f97316;background:#fff;color:#f97316;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.mode-selector button.active{background:#f97316;color:#fff}.mode-selector button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f973164d}.camera-controls,.file-controls{text-align:center;margin-top:1rem}.file-input{padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer}#qr-reader{max-width:600px;margin:0 auto;border-radius:8px;overflow:hidden}.btn-primary,.btn-secondary,.btn-save,.btn-clear{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin:.25rem}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #f9731666}.btn-secondary{background:#f5f5f5;color:#333;border:2px solid #e0e0e0}.btn-secondary:hover{background:#e8e8e8;transform:translateY(-2px)}.btn-save{background:#10b981;color:#fff}.btn-save:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-clear{background:#ef4444;color:#fff}.btn-clear:hover{background:#dc2626;transform:translateY(-2px)}.error-message,.success-message,.saving-indicator{padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.error-message{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.success-message{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.saving-indicator{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.scan-result{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb}.scan-result h3{margin-top:0;color:#333}.result-content{background:#fff;padding:1rem;border-radius:6px;margin:1rem 0;word-break:break-all}.result-content p{margin:0;color:#333;font-family:Courier New,monospace}.generator-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.text-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;resize:vertical}.text-input:focus{outline:none;border-color:#f97316}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.number-input,.color-input{width:100%;padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.number-input:focus,.color-input:focus{outline:none;border-color:#f97316}.color-input{height:50px;cursor:pointer}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.qr-display{margin-top:2rem;text-align:center}.qr-display h3{margin-bottom:1rem;color:#333}.qr-code-wrapper{display:inline-block;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:1rem}.qr-image{display:block;max-width:100%;height:auto;border-radius:4px}.qr-info{background:#f9fafb;padding:1rem;border-radius:8px;margin-top:1rem;text-align:left}.qr-info p{margin:0;color:#333;word-break:break-all}.redirect-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.redirect-card{width:100%;max-width:560px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001f;overflow:hidden}.redirect-header{display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.redirect-body{padding:1.5rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f5f5f5;border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-lines{margin-top:1rem}.skeleton-line{height:12px;background:linear-gradient(90deg,#f5f5f5 25%,#e9e9e9 37%,#f5f5f5 63%);background-size:400% 100%;animation:shimmer 1.2s infinite;border-radius:6px;margin:8px 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vendor-code-generator-container,.vendor-lookup-container{max-width:1000px;margin:0 auto}.subtitle-text{text-align:center;color:#666;margin-bottom:2rem}.vendor-form,.bulk-form{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.vendor-form h3,.bulk-form h3{margin-top:0;margin-bottom:1rem;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.help-text{color:#666;font-size:.9rem;margin-bottom:1rem}.help-text code{background:#fff;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;color:#f97316}.bulk-textarea{font-family:Courier New,monospace;font-size:.9rem}.vendor-list{margin-top:2rem}.vendor-list h3{margin-bottom:1rem;color:#333}.vendor-table{overflow-x:auto;margin-bottom:1rem}.vendor-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.vendor-table th,.vendor-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.vendor-table th{background:#f9fafb;font-weight:600;color:#333}.vendor-table tr:last-child td{border-bottom:none}.vendor-table tr:hover{background:#f9fafb}.qr-thumbnail{width:80px;height:80px;object-fit:contain}.qr-pending{color:#999;font-style:italic}.btn-remove{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-remove:hover{background:#dc2626}.batch-result{background:#f0f9ff;border:1px solid #bfdbfe;padding:1rem;border-radius:8px;margin-top:1rem}.batch-result h3{margin-top:0;color:#1e40af}.search-form{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.search-type-selector{display:flex;gap:2rem;margin-bottom:1rem}.search-type-selector label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.search-type-selector input[type=radio]{cursor:pointer}.search-input-group{display:flex;gap:1rem}.search-input{flex:1}.search-results{margin-top:2rem}.search-results h3{margin-bottom:1rem;color:#333}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.result-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease}.result-card:hover{border-color:#f97316;box-shadow:0 4px 12px #f9731633;transform:translateY(-2px)}.result-header h4{margin:0 0 .5rem;color:#333;font-size:1.2rem}.vendor-name{color:#666;margin:0;font-size:.9rem}.qr-preview{text-align:center;padding:1rem 0}.qr-preview img{max-width:150px;height:auto}.result-details{margin:1rem 0;font-size:.9rem}.result-details p{margin:.5rem 0;color:#666}.created-date{font-size:.85rem;color:#999}.result-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-small{padding:.5rem 1rem;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#333}.btn-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.btn-close:hover{background:#f3f4f6;color:#333}.modal-body{padding:1.5rem}.qr-display-large{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1.5rem}.qr-display-large img{max-width:300px;height:auto}.details-list{display:flex;flex-direction:column;gap:1rem}.detail-item{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start}.detail-item strong{color:#666;font-size:.9rem}.detail-item span{color:#333}.code-text{font-family:Courier New,monospace;background:#f9fafb;padding:.5rem;border-radius:4px;word-break:break-all}.detail-item.metadata{grid-template-columns:1fr}.detail-item.metadata pre{background:#f9fafb;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.85rem;margin:.5rem 0 0}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}@media(max-width:768px){.app{padding:1rem}.app-header h1{font-size:1.25rem}.brand-logo{height:28px}.tab{padding:.75rem 1rem;font-size:.9rem}.tab-content{padding:1rem}.options-grid,.form-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-primary,.btn-secondary,.btn-save,.btn-clear{width:100%}.search-input-group{flex-direction:column}.search-type-selector{flex-direction:column;gap:.5rem}.results-grid{grid-template-columns:1fr}.detail-item{grid-template-columns:1fr;gap:.25rem}.modal-actions{flex-direction:column}.vendor-table{font-size:.85rem}.vendor-table th,.vendor-table td{padding:.5rem}.qr-thumbnail{width:60px;height:60px}}.ticket-qr-generator-container,.ticket-verification-container{max-width:1200px;margin:0 auto}.filter-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px}.tickets-summary{text-align:center;padding:1rem;background:#f0f9ff;border-radius:8px;margin-bottom:1rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.no-tickets{text-align:center;padding:3rem;color:#666}.tickets-table-wrapper{overflow-x:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tickets-table{width:100%;border-collapse:collapse;background:#fff}.tickets-table th,.tickets-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.tickets-table th{background:#f9fafb;font-weight:600;color:#333;position:sticky;top:0}.tickets-table tr:last-child td{border-bottom:none}.tickets-table tr:hover{background:#f9fafb}.tickets-table tr.verified{background:#f0fdf4}.ticket-item{font-size:.9rem;color:#666;margin:.25rem 0}.action-cell{display:flex;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.paid{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.verified{background:#dbeafe;color:#1e40af}.ticket-details-card{background:#fff;border:2px solid #f97316;border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 4px 12px #f9731626}.ticket-details-card h3{margin-top:0;color:#f97316;border-bottom:2px solid #f97316;padding-bottom:.5rem}.ticket-details-card h4{color:#333;margin-top:1.5rem;margin-bottom:.5rem}.ticket-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item strong{color:#666;font-size:.9rem}.customer-info,.event-info{background:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1rem}.customer-info p,.event-info p{margin:.5rem 0;color:#333}.ticket-items{margin:1rem 0}.ticket-items-top{margin-top:0;margin-bottom:1.5rem;background:#f0f9ff;padding:1rem;border-radius:8px;border:2px solid #0ea5e9}.ticket-items-top h4{color:#0c4a6e;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.ticket-item-detail{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border-radius:6px;margin:.5rem 0;box-shadow:0 2px 4px #0000000d}.ticket-item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.ticket-item-row:last-child{border-bottom:none}.ticket-item-row strong{color:#333;font-weight:600;font-size:.95rem}.ticket-item-row span{color:#0c4a6e;font-weight:500;font-size:1rem;text-align:right}.verification-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn-verify{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-verify:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.btn-verify:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.filter-controls{flex-direction:column;gap:1rem;align-items:stretch}.action-buttons{flex-direction:column}.tickets-table{font-size:.85rem}.tickets-table th,.tickets-table td{padding:.5rem}.action-cell{flex-direction:column}.ticket-info-grid{grid-template-columns:1fr}.ticket-items-top{margin-top:0;margin-bottom:1.5rem;padding:1rem;border-width:2px}.ticket-items-top h4{font-size:1rem;margin-bottom:.75rem}.ticket-item-detail{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.ticket-item-row{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.ticket-item-row:last-child{border-bottom:none}.ticket-item-row strong{font-size:.9rem;margin-bottom:.25rem}.ticket-item-row span{font-size:1.1rem;text-align:left;width:100%;font-weight:600}.ticket-details-card{padding:1.5rem}.verification-actions{flex-direction:column}}.otp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.otp-modal-content{background:#fff;border-radius:12px;padding:30px;width:100%;max-width:400px;position:relative;box-shadow:0 10px 40px #0003}.otp-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.otp-modal-close:hover{background-color:#f0f0f0}.otp-modal-header{text-align:center;margin-bottom:30px}.otp-modal-header h3{margin:0 0 10px;color:#333;font-size:24px}.otp-modal-header p{margin:0;color:#666;font-size:14px}.otp-input-container{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.otp-input{width:50px;height:60px;text-align:center;font-size:24px;font-weight:600;border:2px solid #ddd;border-radius:8px;transition:border-color .3s}.otp-input:focus{outline:none;border-color:#667eea}.otp-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.otp-modal-footer{text-align:center;margin-top:20px}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:underline;padding:0}.btn-link:hover:not(:disabled){color:#764ba2}.btn-link:disabled{opacity:.5;cursor:not-allowed}.signin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.signin-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.signin-header{text-align:center;margin-bottom:30px}.signin-logo{max-width:200px;height:auto;margin-bottom:20px}.signin-header h2{margin:0 0 10px;color:#333;font-size:28px}.signin-header p{color:#666;margin:0;font-size:14px}.signin-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.form-group input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:12px;color:#c33;font-size:14px}.error-message p{margin:0}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-spinner{font-size:18px;color:#667eea}