*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#e2e8f0}#app{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#64748b}.login-container[data-v-eb9afb16]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1e293b,#0f172a);padding:20px}.login-card[data-v-eb9afb16]{background:#1e293b;padding:40px;border-radius:16px;box-shadow:0 10px 40px #00000080;border:1px solid #334155;width:100%;max-width:420px}@media(max-width:640px){.login-card[data-v-eb9afb16]{padding:30px 24px}}h1[data-v-eb9afb16]{margin:0 0 8px;color:#f1f5f9;text-align:center;font-size:28px}@media(max-width:640px){h1[data-v-eb9afb16]{font-size:24px}}.subtitle[data-v-eb9afb16]{margin:0 0 30px;color:#94a3b8;text-align:center;font-size:14px}.form-group[data-v-eb9afb16]{margin-bottom:20px}label[data-v-eb9afb16]{display:block;margin-bottom:8px;color:#e2e8f0;font-weight:500;font-size:14px}input[data-v-eb9afb16]{width:100%;padding:12px;background-color:#0f172a;border:1px solid #334155;border-radius:8px;font-size:14px;color:#f1f5f9;transition:all .3s;box-sizing:border-box}input[data-v-eb9afb16]:focus{outline:none;border-color:#6366f1;background-color:#1e293b;box-shadow:0 0 0 3px #6366f11a}input[data-v-eb9afb16]::placeholder{color:#64748b}.error-message[data-v-eb9afb16]{background-color:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.btn-login[data-v-eb9afb16]{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-login[data-v-eb9afb16]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.btn-login[data-v-eb9afb16]:disabled{opacity:.5;cursor:not-allowed}.tickets-container[data-v-502ef587]{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh}@media(max-width:768px){.tickets-container[data-v-502ef587]{padding:16px}}.header[data-v-502ef587]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #334155;flex-wrap:wrap;gap:16px}.header h1[data-v-502ef587]{margin:0;color:#f1f5f9;font-size:28px}@media(max-width:640px){.header h1[data-v-502ef587]{font-size:24px}}.user-info[data-v-502ef587]{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.user-info span[data-v-502ef587]{color:#94a3b8;font-weight:500}@media(max-width:640px){.user-info span[data-v-502ef587]{font-size:14px}}.btn-logout[data-v-502ef587]{padding:8px 16px;background-color:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;font-weight:500}.btn-logout[data-v-502ef587]:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}.filters[data-v-502ef587]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;padding:20px;background-color:#1e293b;border-radius:12px;border:1px solid #334155}@media(max-width:640px){.filters[data-v-502ef587]{grid-template-columns:1fr;padding:16px}}.filter-group[data-v-502ef587]{display:flex;flex-direction:column;gap:8px}.filter-group label[data-v-502ef587]{font-size:14px;font-weight:500;color:#e2e8f0}.filter-group input[data-v-502ef587],.filter-group select[data-v-502ef587]{padding:10px 12px;background-color:#0f172a;border:1px solid #334155;border-radius:8px;font-size:14px;color:#f1f5f9;transition:all .3s}.filter-group input[data-v-502ef587]:focus,.filter-group select[data-v-502ef587]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-group input[data-v-502ef587]::placeholder{color:#64748b}.filter-group select[data-v-502ef587]{cursor:pointer}.filter-group select option[data-v-502ef587]{background-color:#0f172a;color:#f1f5f9}.loading[data-v-502ef587],.error[data-v-502ef587]{text-align:center;padding:40px;font-size:16px;background-color:#1e293b;border-radius:12px;border:1px solid #334155}.error[data-v-502ef587]{color:#fca5a5}.table-container[data-v-502ef587]{background:#1e293b;border-radius:12px;box-shadow:0 4px 12px #0000004d;overflow:hidden;border:1px solid #334155}@media(max-width:1024px){.table-container[data-v-502ef587]{overflow-x:auto}}table[data-v-502ef587]{width:100%;border-collapse:collapse;min-width:1100px}thead[data-v-502ef587]{background-color:#6366f1;color:#fff}th[data-v-502ef587],td[data-v-502ef587]{padding:12px 16px;text-align:left;border-bottom:1px solid #334155}@media(max-width:640px){th[data-v-502ef587],td[data-v-502ef587]{padding:10px 12px;font-size:13px}}th[data-v-502ef587]{font-weight:600;font-size:14px}td[data-v-502ef587]{font-size:14px;color:#e2e8f0}tbody tr[data-v-502ef587]{transition:background-color .2s}tbody tr[data-v-502ef587]:hover{background-color:#0f172a}.status-badge[data-v-502ef587]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status-success[data-v-502ef587]{background-color:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.status-pending[data-v-502ef587]{background-color:#fbbf2433;color:#fde047;border:1px solid rgba(251,191,36,.3)}.btn-detail[data-v-502ef587]{padding:6px 16px;background-color:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;font-weight:500}.btn-detail[data-v-502ef587]:hover{background-color:#4f46e5;box-shadow:0 4px 12px #6366f14d}.no-data[data-v-502ef587]{text-align:center;padding:40px;color:#94a3b8}.pagination[data-v-502ef587]{padding:16px;text-align:center;background-color:#0f172a;border-top:1px solid #334155;font-size:14px;color:#94a3b8}.modal-overlay[data-v-502ef587]{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-502ef587]{background:#1e293b;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid #334155}@media(max-width:768px){.modal-content[data-v-502ef587]{max-height:95vh;margin:10px}}.modal-header[data-v-502ef587]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #334155;position:sticky;top:0;background:#1e293b;z-index:10}@media(max-width:640px){.modal-header[data-v-502ef587]{padding:16px 20px}}.modal-header h2[data-v-502ef587]{margin:0;color:#f1f5f9;font-size:20px}@media(max-width:640px){.modal-header h2[data-v-502ef587]{font-size:18px}}.btn-close[data-v-502ef587]{background:none;border:none;font-size:28px;color:#94a3b8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-close[data-v-502ef587]:hover{background-color:#334155;color:#f1f5f9}.modal-body[data-v-502ef587]{padding:30px}@media(max-width:640px){.modal-body[data-v-502ef587]{padding:20px}}.detail-section[data-v-502ef587]{margin-bottom:30px}.detail-section[data-v-502ef587]:last-child{margin-bottom:0}.detail-section h3[data-v-502ef587]{margin:0 0 16px;color:#f1f5f9;font-size:18px;padding-bottom:10px;border-bottom:2px solid #6366f1}@media(max-width:640px){.detail-section h3[data-v-502ef587]{font-size:16px}}.detail-grid[data-v-502ef587]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}@media(max-width:640px){.detail-grid[data-v-502ef587]{grid-template-columns:1fr;gap:12px}}.detail-item[data-v-502ef587]{display:flex;flex-direction:column;gap:4px}.detail-item .label[data-v-502ef587]{font-size:12px;color:#94a3b8;font-weight:500}.detail-item .value[data-v-502ef587]{font-size:14px;color:#e2e8f0}.tickets-list[data-v-502ef587]{display:flex;flex-direction:column;gap:12px}.ticket-item[data-v-502ef587]{padding:16px;background-color:#0f172a;border-radius:12px;border:1px solid #334155;border-left:4px solid #6366f1}.ticket-info[data-v-502ef587]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media(max-width:640px){.ticket-info[data-v-502ef587]{flex-direction:column;align-items:flex-start}}.ticket-code[data-v-502ef587]{font-weight:600;color:#f1f5f9;font-size:14px}.ticket-category[data-v-502ef587]{color:#94a3b8;font-size:13px}.ticket-price[data-v-502ef587]{color:#a78bfa;font-weight:600;font-size:14px}.btn-eticket[data-v-502ef587]{display:inline-block;padding:12px 24px;background-color:#10b981;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s;text-align:center}.btn-eticket[data-v-502ef587]:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d}@media(max-width:640px){.btn-eticket[data-v-502ef587]{display:block;width:100%}}