.support-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 1rem}.support-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.support-container h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.support-description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.ticket-section,.verification-section{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;margin-bottom:3rem;padding:1.5rem}.ticket-section h2,.verification-section h2{align-items:center;color:#333;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1rem}.verification-section h2:before{content:"🔐";font-size:1.2rem}.ticket-section h2:before{content:"📝";font-size:1.2rem}.camera-section{text-align:center}.camera-container{background:#000;border:3px solid #007bff;border-radius:8px;margin:1rem auto;max-width:640px;overflow:hidden}.video-preview{display:block;height:auto;width:100%}.camera-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.verification-failed,.verification-initial,.verification-loading,.verification-success{padding:2rem;text-align:center}.verification-loading{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon,.success-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.success-icon{background:#28a745;color:#fff}.error-icon{background:#dc3545;color:#fff}.credential-info{background:#e8f5e8;border-radius:6px;font-family:monospace;font-size:.9rem;margin-top:1rem;padding:1rem;word-break:break-all}.support-form{max-width:100%}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.submit-btn{font-size:1.1rem;width:100%}.message,.submit-btn{margin-top:1rem;padding:1rem}.message{border-radius:6px;font-weight:500;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.verification-required{color:#666;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.support-container{margin:1rem;padding:1rem}.support-container h1{font-size:2rem}.camera-controls{align-items:center;flex-direction:column}.camera-controls button{max-width:200px;width:100%}}@media (max-width:480px){.support-page{padding:1rem .5rem}.ticket-section,.verification-section{padding:1rem}}.qr-section{background:#f8f9fa;border-radius:12px;text-align:center}.qr-container,.qr-section{margin:20px 0;padding:20px}.qr-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-block}.qr-code{border:2px solid #e0e0e0;border-radius:8px;height:auto;max-height:250px;max-width:250px;width:100%}.qr-instructions{color:#666;font-size:14px;line-height:1.5;margin:15px auto;max-width:400px}@media (max-width:768px){.qr-code{max-height:200px;max-width:200px}}
/*# sourceMappingURL=main.cb323595.css.map*/