.navbar{align-items:center;background-color:#1e293b;box-shadow:0 2px 6px #0003;color:#f8fafc;display:flex;justify-content:space-between;padding:.75rem 1.5rem;position:sticky;top:0;z-index:1000}.nav-brand h1{color:#f8fafc;font-size:1.5rem;font-weight:600;margin:0}.nav-links{align-items:center;display:flex;gap:1rem}.nav-link{color:#f8fafc;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#38bdf8}.nav-btn{background-color:#3b82f6;border:none;border-radius:.375rem;color:#f8fafc;cursor:pointer;font-weight:500;padding:.4rem .8rem;transition:background-color .2s}.nav-btn:hover{background-color:#2563eb}.nav-user{font-weight:500;margin-right:.5rem}@media (max-width:600px){.navbar{align-items:flex-start}.nav-links,.navbar{flex-direction:column}.nav-links{gap:.5rem;margin-top:.5rem;width:100%}.nav-btn{text-align:center;width:100%}}body{align-items:center;background:linear-gradient(90deg,#ebf8ff,#bee3f8);display:flex;font-family:Inter,sans-serif;justify-content:center;margin:0;min-height:100vh}.login-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2rem;width:100%}.login-container h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.error-message{color:#f56565;font-size:.875rem;margin-bottom:1rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form label{color:#374151;display:block;font-weight:500;margin-bottom:.25rem}.login-form input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .3s;width:100%}.login-form input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa4d}.login-form button{background-color:#1eaf6b;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .3s;width:100%}.login-form button:hover{background-color:#1eaf6b;box-shadow:0 4px 6px #0000001a}.login-form button:disabled{cursor:not-allowed;opacity:.5}.signup-text{color:#6b7280;font-size:.875rem;margin-top:1.5rem;text-align:center}.signup-text span{color:#1eaf6b;cursor:pointer;text-decoration:underline}.signup-text span:hover{color:#1eaf6b}.ticket-history-page{background-color:#f9f9f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.ticket-history-page h2{color:#333;margin-bottom:1.5rem;text-align:center}.ticket-history-table{background-color:#fff;border:1px solid #ddd;border-collapse:collapse;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;width:100%}.ticket-history-table td,.ticket-history-table th{border:1px solid #ddd;font-size:.95rem;padding:.75rem 1rem;text-align:center}.ticket-history-table th{background-color:#007bff;color:#fff;font-weight:600}.ticket-history-table tr:nth-child(2n){background-color:#f1f1f1}.ticket-history-table tr:hover{background-color:#e6f7ff}.ticket-history-table button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.4rem .8rem;transition:background-color .3s}.ticket-history-table button:hover{background-color:#0056b3}.clear-history-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto;padding:.6rem 1.5rem;transition:background-color .3s}.clear-history-btn:hover{background-color:#b02a37}.form-ticket-wrapper{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:900px;padding:20px}.form-column,.ticket-column{flex:1 1 350px;max-width:400px}.ticket-column{align-items:center;flex-direction:column}.ticket-column,form{display:flex;gap:15px}form{flex-wrap:wrap;justify-content:space-between}.form-group{display:flex;flex:1 1 48%;flex-direction:column;margin-bottom:10px}.form-group label{font-weight:500;margin-bottom:5px}.form-group input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:8px;width:100%}.quick-access-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.transaction-ticket{padding:15px}.transaction-ticket button{font-size:14px;margin-top:15px;padding:10px 20px}.qr-code-container{margin-top:15px;padding:10px}@media (max-width:768px){.form-ticket-wrapper{align-items:center;flex-direction:column}.form-column,.ticket-column{flex:1 1 100%;max-width:90%}.form-group{flex:1 1 100%}}.ticket-page{background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:30px}.ticket-page h2{color:#2b7a2b;margin-bottom:20px;text-align:center}.ticket-layout{background-color:#e5fbe5;border:1px solid #b3e6b3;border-radius:8px;box-shadow:0 0 8px #00800026;margin:0 auto;max-width:1000px;padding:20px;width:100%}.ticket-layout h3{color:#1a661a;margin-bottom:15px;text-align:center}.ticket-layout table{background-color:#fff;border-collapse:collapse;margin-top:10px;width:100%}.ticket-layout table td{border:1px solid #91d491;color:#333;font-size:14px;padding:10px}.ticket-layout table tr:nth-child(2n){background-color:#f0fff0}.ticket-layout table tr:nth-child(odd){background-color:#e0ffe0}.qr-code{margin-top:20px;text-align:center}.qr-code h4{color:#2b7a2b;margin-bottom:10px}.download-button{background-color:#2b7a2b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-left:auto;margin-right:auto;margin-top:30px;padding:12px 20px;transition:background-color .3s ease}.download-button:hover{background-color:#1e5e1e}.qr-scanner-container{background:#fefefe;border-radius:16px;box-shadow:0 8px 24px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:500px;padding:30px 20px;text-align:center;transition:all .3s ease;width:100%}.qr-scanner-container h3{color:#1e40af;font-size:26px;margin-bottom:24px}.mode-toggle{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.mode-toggle button{background-color:#1e3a8a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:10px 18px;transition:background-color .2s ease}.mode-toggle button:hover{background-color:#2563eb}.mode-toggle button:disabled{background-color:#9ca3af;cursor:not-allowed}.camera-scanner,.upload-scanner{align-items:center;display:flex;flex-direction:column}.camera-scanner .react-qr-reader{border:3px dashed #2563eb;border-radius:10px;max-width:400px;overflow:hidden;width:100%}.file-upload-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;margin-top:12px;padding:10px;width:80%}.error{color:#dc2626;font-weight:500}.verify-withdrawal{border-radius:8px;box-shadow:0 4px 20px #0000001a;font-family:Arial,sans-serif;max-width:700px;padding:20px}.header{margin-bottom:30px}.header h2{color:#007bff;font-size:28px;font-weight:700}.header p{font-size:16px}.scanner-container{margin-bottom:30px}.scanner-container p{color:#333;font-size:16px;margin-top:20px}.loading{font-size:18px}.verification-result{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.verification-result h3{font-size:24px;margin-bottom:20px}.transaction-info p{margin:10px 0}.transaction-info{margin-top:20px;text-align:left}button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:12px 25px;transition:background-color .3s ease;width:100%}button:hover{background-color:#218838}button:disabled{background-color:#ccc;cursor:not-allowed}.error{color:red;font-size:16px;margin-top:20px;text-align:center}.verification-result p{color:#28a745;font-size:18px;text-align:center}.confirmation-page{align-items:center;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;padding:2rem}.ticket{background:#fff;border:2px dashed #ccc;border-radius:12px;box-shadow:0 0 10px #0000001a;margin-bottom:1rem;max-width:600px;padding:2rem;width:100%}.ticket.confirmed{border-color:green}.ticket.rejected{border-color:red}.ticket-details{margin-top:1rem}.message{font-weight:700;margin-bottom:1rem}.home-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.7rem 1.5rem}.home-btn:hover{background-color:#0056b3}.support-note{color:#666;font-size:.9rem}@media print{.home-btn,.print-btn,.support-note{display:none}.confirmation-page{border:1px solid #000;font-family:Arial,sans-serif;margin:0 auto;padding:20px;width:100%}.ticket{border:2px solid #000;margin-bottom:10px;padding:15px}.ticket h2{font-size:24px}.ticket-details{margin-top:10px}.ticket-details p{font-size:16px;margin-bottom:5px}}.verify-withdrawal{background:#fff;border-radius:12px;box-shadow:0 6px 30px #0000001a;font-family:Roboto,sans-serif;margin:40px auto;max-width:650px;padding:30px;width:100%}.header{margin-bottom:25px;text-align:center}.header h2{color:#333;font-size:26px;font-weight:600}.header p{color:#555;font-size:18px;font-weight:400;margin-bottom:10px}.scanner-container{display:flex;justify-content:center;margin-bottom:40px}.scanner-container img{border-radius:8px;max-width:100%}.loading{animation:loadingAnimation 2s infinite;color:#007bff;font-size:20px;font-weight:500;margin-top:20px;text-align:center}@keyframes loadingAnimation{0%{color:#007bff}50%{color:#17a2b8}to{color:#007bff}}.verification-result{background:#f1f7ff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-top:30px;padding:30px}.verification-result h3{color:#007bff;font-size:22px;font-weight:600;margin-bottom:25px;text-align:center}.transaction-info p{color:#333;font-size:16px;line-height:1.5;margin:12px 0}.transaction-info strong{color:#007bff}button.action-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:6px 0;padding:10px 20px;transition:background-color .3s ease}button.action-btn:hover{background-color:#218838}button.action-btn:disabled{background-color:#e0e0e0;color:#777;cursor:not-allowed}.pagination{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center;margin:20px 0;overflow-x:auto;padding:4px 0}.pagination button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease;white-space:nowrap}.pagination button:hover{background-color:#0056b3}.pagination button:disabled{background-color:#e0e0e0;color:#777;cursor:not-allowed}.pagination .active-page{background-color:#28a745;color:#fff;font-weight:600}.pagination .ellipsis{color:#555;font-size:14px;padding:6px 10px;pointer-events:none}@media (max-width:768px){.pagination button{font-size:12px;padding:5px 10px}}