*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--accent-color: #f59e0b;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px;--transition: all .2s ease-in-out}[data-theme=dark]{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #94a3b8;--accent-color: #f59e0b;--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;transition:var(--transition)}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--background-color) 0%,color-mix(in srgb,var(--background-color) 90%,transparent) 100%)}.app-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:1rem 0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;gap:1rem}.app-title{color:var(--primary-color);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.current-event{display:inline-block;background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;margin-left:1rem;font-weight:600}.event-selector{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-color);color:var(--text-primary);font-size:.9rem;min-width:200px;transition:var(--transition)}.event-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 20%,transparent)}.app-controls{display:flex;align-items:center;gap:.5rem}.icon-button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:var(--transition);font-size:1.2rem}.icon-button:hover{background:var(--background-color);transform:scale(1.1)}.language-selector{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-color);color:var(--text-primary)}.app-navigation{display:flex;gap:.5rem;margin-top:1rem;padding:0 1rem;max-width:1200px;margin-left:auto;margin-right:auto;flex-wrap:wrap}.nav-button{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.nav-button:hover{background:var(--background-color);transform:translateY(-1px);box-shadow:var(--shadow)}.nav-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.nav-button.admin-button{background:linear-gradient(135deg,var(--accent-color),#eab308);color:#fff;border:none;margin-left:auto}.app-main{flex:1;padding:2rem 1rem;max-width:1200px;margin:0 auto;width:100%}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.primary-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.primary-button:active{transform:translateY(0)}.secondary-button{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.secondary-button:hover{background:var(--background-color);border-color:var(--primary-color);transform:translateY(-1px)}.no-event-selected{text-align:center;padding:4rem 2rem;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:2rem 0}.no-event-selected h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.no-event-selected p{color:var(--text-secondary);margin-bottom:2rem}.scanner-view{display:flex;flex-direction:column;gap:2rem}.scanner-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.scanner-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.app-navigation{justify-content:center}.nav-button.admin-button{margin-left:0}.app-main{padding:1rem}.scanner-header{flex-direction:column;text-align:center}}@media (max-width: 480px){.nav-button{padding:.5rem 1rem;font-size:.9rem}.event-selector{min-width:150px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-main>*{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.camera-scanner.active{max-width:100%}.camera-preview{position:relative;width:100%;max-width:500px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:#000}.camera-video{width:100%;height:auto;display:block}.scanner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.scan-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border:2px solid rgba(255,255,255,.8);border-radius:var(--radius)}.frame-corner{position:absolute;width:20px;height:20px;border:3px solid #fff}.frame-corner.top-left{top:-3px;left:-3px;border-right:none;border-bottom:none}.frame-corner.top-right{top:-3px;right:-3px;border-left:none;border-bottom:none}.frame-corner.bottom-left{bottom:-3px;left:-3px;border-right:none;border-top:none}.frame-corner.bottom-right{bottom:-3px;right:-3px;border-left:none;border-top:none}.scan-guide{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.guide-line{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#00ff00,transparent);animation:scanGuide 2s ease-in-out infinite}@keyframes scanGuide{0%{transform:translateY(0)}to{transform:translateY(250px)}}.scan-status-indicator{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background:rgba(0,0,0,.7);padding:10px;border-radius:var(--radius)}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 1.5s infinite}.status-dot.scanning{background:#00ff00;animation:pulse .5s infinite}.status-dot.processing{background:#ffaa00}.status-dot.success{background:#00ff00}.status-dot.error{background:#ff0000}.status-dot.ready{background:#007bff}.status-text{color:#fff;font-weight:600;font-size:.9rem}.scan-toggle-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition)}.scan-toggle-button.active{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.scan-toggle-button.paused{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.scanner-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.info-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--background-color);border-radius:var(--radius)}.info-item .label{font-weight:600;color:var(--text-secondary)}.info-item .value{font-weight:600}.value.status-scanning{color:#0f0}.value.status-processing{color:#fa0}.value.status-success{color:#0f0}.value.status-error{color:red}.value.status-ready{color:#007bff}.camera-scanner.error-state,.camera-scanner.permission-prompt{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.error-content,.permission-content{max-width:400px;padding:2rem}.error-icon,.permission-icon{font-size:4rem;margin-bottom:1rem}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.camera-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;background:var(--surface-color);border-radius:var(--radius);border:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.camera-selector{display:flex;align-items:center;gap:.5rem}.camera-selector label{font-weight:600;color:var(--text-secondary);white-space:nowrap}.camera-select{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--surface-color);color:var(--text-primary);min-width:200px}.camera-switch-button{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.camera-switch-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.camera-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--background-color);border-radius:var(--radius);font-size:.9rem}.camera-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-color);animation:pulse 2s infinite}@media (max-width: 768px){.camera-controls{flex-direction:column;align-items:stretch}.camera-selector{justify-content:space-between}.camera-select{min-width:150px}}.status-dot{width:12px;height:12px;border-radius:50%;margin-right:8px;transition:all .3s ease}.status-dot.ready{background-color:#4caf50}.status-dot.scanning{background-color:#ffc107;animation:pulse 1s infinite}.status-dot.success{background-color:#2196f3}.status-dot.error{background-color:#f44336}.status-dot.paused{background-color:#9e9e9e}.status-dot.loading{background-color:#ff9800}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.last-scanned{margin-top:5px;font-size:.8em;color:#666;background:rgba(255,255,255,.9);padding:2px 5px;border-radius:3px}.scanner-view{position:relative}.scan-result{position:relative;z-index:100}.scan-result{margin:20px 0;padding:15px;border-radius:10px;border-left:5px solid #ccc;animation:slideIn .3s ease}.scan-result.success{background:#f0f9f0;border-left-color:#4caf50}.scan-result.warning{background:#fffbf0;border-left-color:#ffc107}.scan-result.error{background:#fef0f0;border-left-color:#f44336}.scan-result.scanning{background:#f0f7ff;border-left-color:#2196f3}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.result-icon{font-size:1.5em}.result-message{font-weight:700;flex:1}.close-result{background:none;border:none;font-size:1.5em;cursor:pointer;color:#666}.guest-result-card{background:white;padding:15px;border-radius:8px;margin:10px 0;box-shadow:0 2px 4px #0000001a}.guest-result-card h4{margin:0 0 15px;color:#333}.guest-details{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.label{font-weight:700;color:#666}.value{color:#333}.category-tag{background:#e3f2fd;padding:2px 8px;border-radius:12px;font-size:.9em}.result-actions{margin-top:15px;text-align:center}.success-button,.warning-button{padding:10px 20px;border:none;border-radius:5px;font-weight:700;cursor:default}.success-button{background:#4CAF50;color:#fff}.warning-button{background:#FFC107;color:#333}.error-help{background:white;padding:15px;border-radius:8px;margin-top:10px}.error-help ul{margin:10px 0 0 20px}.error-help li{margin:5px 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.debug-qr-generator{margin:20px 0}.debug-button{background:#666;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9em}.qr-debug-panel{background:#f5f5f5;padding:15px;border-radius:8px;margin-top:10px;border:2px dashed #ccc}.qr-debug-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:5px 0;background:white;border-radius:5px;border-left:4px solid #4CAF50}.guest-info{flex:1}.guest-info strong{display:block;margin-bottom:5px}.guest-info span{display:block;font-size:.9em;color:#666}.qr-actions{display:flex;gap:10px}.copy-qr-button,.test-scan-button{padding:5px 10px;border:none;border-radius:3px;cursor:pointer;font-size:.8em}.copy-qr-button{background:#2196F3;color:#fff}.test-scan-button{background:#4CAF50;color:#fff}.camera-fallback{display:flex;justify-content:center;align-items:center;height:300px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:20px 0}.fallback-content{text-align:center;color:#6c757d}.fallback-icon{font-size:48px;margin-bottom:15px}.fallback-content h3{margin:10px 0;color:#495057}.fallback-content p{margin-bottom:20px}.no-event-selected{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.no-event-content{padding:2rem}.no-event-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-event-selected h3{color:var(--text-primary);margin-bottom:.5rem}.no-event-selected p{color:var(--text-secondary)}.import-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content.large{background:var(--surface-color);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.import-steps{display:flex;justify-content:center;margin:20px 0;gap:20px}.step{padding:10px 20px;background:var(--background-color);border-radius:20px;font-weight:500}.step.active{background:var(--primary-color);color:#fff}.upload-area{text-align:center;padding:40px;border:2px dashed var(--border-color);border-radius:8px;margin:20px 0}.upload-icon{font-size:48px;margin-bottom:15px}.file-input{display:none}.file-label{display:inline-block;background:var(--primary-color);color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;margin:10px 0}.file-selected{margin-top:15px;padding:10px;background:var(--background-color);border-radius:6px}.template-download{text-align:center;margin-top:30px;padding:20px;background:var(--background-color);border-radius:8px}.mapping-form{display:grid;gap:15px;margin:20px 0}.mapping-row{display:grid;grid-template-columns:1fr 2fr;gap:15px;align-items:center}.mapping-row label{font-weight:600}.preview-table{margin:20px 0;overflow-x:auto}.preview-table table{width:100%;border-collapse:collapse}.preview-table th,.preview-table td{padding:8px;border:1px solid var(--border-color);text-align:left}.preview-table th{background:var(--background-color);font-weight:600}.import-actions{display:flex;justify-content:space-between;margin-top:30px}.complete-section{text-align:center;padding:40px}.success-icon{font-size:64px;margin-bottom:20px}.complete-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--accent-color: #f59e0b;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--border-color: #e2e8f0;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px;--transition: all .3s ease}[data-theme=dark]{--primary-color: #3b82f6;--primary-hover: #2563eb;--secondary-color: #94a3b8;--accent-color: #f59e0b;--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--shadow: 0 4px 6px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3)}@media print{:root{--background-color: #ffffff;--surface-color: #ffffff;--text-primary: #000000;--text-secondary: #666666;--border-color: #dddddd;--shadow: none}}.theme-transition *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-contrast=high]{--primary-color: #0047ab;--primary-hover: #003399;--text-primary: #000000;--text-secondary: #333333;--border-color: #000000}.status-success{color:var(--success-color);background-color:color-mix(in srgb,var(--success-color) 10%,transparent)}.status-warning{color:var(--warning-color);background-color:color-mix(in srgb,var(--warning-color) 10%,transparent)}.status-error{color:var(--error-color);background-color:color-mix(in srgb,var(--error-color) 10%,transparent)}.status-pending{color:var(--secondary-color);background-color:color-mix(in srgb,var(--secondary-color) 10%,transparent)}.gradient-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))}.gradient-success{background:linear-gradient(135deg,var(--success-color),#059669)}.shadow-card{box-shadow:var(--shadow)}.shadow-modal{box-shadow:var(--shadow-lg)}@keyframes themeSwitch{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.theme-switch{animation:themeSwitch .5s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:#111;background:#f7f7fb;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans}.container{max-width:1100px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.topbar h2{margin:0;font-weight:700;letter-spacing:.2px}.badge{background:#eef1f7;border:1px solid #e2e6ef;border-radius:999px;padding:4px 10px;font-size:12px;color:#39465e}.row{display:flex;gap:16px;flex-wrap:wrap}.card{flex:1 1 380px;background:#fff;border:1px solid #e8eaf0;border-radius:14px;box-shadow:0 6px 18px #1118270f;padding:18px}.card h3{margin:0 0 12px;font-weight:700}label{display:block;font-weight:600;color:#2c364a;margin:8px 0 4px}input,select,textarea{display:block;width:100%;border:1px solid #d8deea;border-radius:10px;padding:10px 12px;background:#fff;color:#111;outline:none;transition:box-shadow .15s,border-color .15s}input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.help{color:#8a94a7;font-size:12px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8deea;background:#fff;color:#111;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s,transform .02s}.btn:hover{background:#f4f6fb;border-color:#cfd7e7}.btn:active{transform:translateY(1px)}.btn.primary{background:#111;color:#fff;border-color:#111}.btn.primary:hover{background:#000}.btn.danger{color:#b91c1c;border-color:#f1caca;background:#fff5f5}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid #eef1f7}.table th{text-align:left;color:#47536a;font-weight:700;font-size:13px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.center{display:grid;place-items:center;min-height:60vh}.error{color:#b91c1c;margin:8px 0}.success{color:#047857}