body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}#root,body,html{height:100%;width:100%}.app{margin:0;padding:0}.app,.body-container{min-height:100vh;width:100%}.body-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;padding:40px 20px}.main-content{max-width:1200px}.card-container,.main-content{align-items:center;display:flex;justify-content:center;width:100%}.card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;display:flex;height:auto;margin:0 auto;max-width:680px;min-height:520px;overflow:hidden;width:100%}.event-info-section{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;width:50%}.event-info-overlay{background:#ffffff1a;height:100%;left:0;position:absolute;top:0;width:100%}.event-info-content{color:#fff;display:flex;flex-direction:column;height:100%;padding:32px;position:relative;z-index:1}.logo-container{margin-bottom:20px}.logo-circle{align-items:center;background:#fff;border-radius:50%;box-shadow:0 3px 5px #0000001a,0 8px 12px #0000001a;display:flex;height:90px;justify-content:center;overflow:hidden;padding:6px;width:90px}.logo-image{height:100%;object-fit:contain;transform:scale(1.2);width:100%}.event-title-section{margin-bottom:20px}.event-title{color:#fff;font-size:32px;font-weight:700;line-height:44px;margin:0 0 6px}.event-subtitle{color:#fff;font-size:18px;font-weight:400;line-height:22px;margin:0}.event-description{margin-bottom:20px}.event-description p{color:#fff;font-size:13px;line-height:20px;margin:0;opacity:.95}.event-details{display:flex;flex-direction:column;gap:12px}.detail-item{gap:10px}.detail-icon,.detail-item{align-items:center;display:flex}.detail-icon{flex-shrink:0;height:18px;justify-content:center;width:18px}.detail-icon svg{height:100%;width:100%}.detail-text{color:#fff;font-size:13px;line-height:18px}.registration-section{background:#fff;width:50%}.registration-content{display:flex;flex-direction:column;height:100%;padding:32px}.form-header{margin-bottom:20px}.form-title{color:#1f2940;font-size:24px;line-height:28px}.form-subtitle{color:#4b5564;font-size:13px;line-height:18px}.registration-form{display:flex;flex:1 1;flex-direction:column;gap:18px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#374052;font-size:12px;font-weight:500;line-height:16px}.required{color:#ef4444}.form-field input{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;height:42px;padding:0 14px;transition:border-color .2s;width:100%}.form-field input:focus{border-color:#667eea;outline:none}.form-field input::placeholder{color:#adb3be}.form-field select,.form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23374052' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:6px;color:#374052;cursor:pointer;font-family:inherit;font-size:14px;height:42px;padding:0 36px 0 14px;transition:border-color .2s;width:100%}.form-field select:focus,.form-select:focus{border-color:#667eea;outline:none}.form-field select option,.form-select option{padding:8px}.fee-container{background:#f9fafb;border-radius:6px;padding:12px}.fee-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.fee-left{display:flex;flex-direction:column;gap:4px}.fee-label{color:#4b5564;font-size:13px;line-height:18px}.fee-amount{color:#667eea;font-size:20px;font-weight:600;line-height:24px;white-space:nowrap}.early-bird-badge{background:#22c55e26;border-radius:4px;color:#22c55e;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.submit-button{align-items:center;background:#22c55e;border:none;border-radius:6px;box-shadow:0 3px 5px #0000001a,0 8px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;height:48px;justify-content:center;transition:transform .2s,box-shadow .2s;width:100%}.submit-button svg{height:18px;width:16px}.submit-button:hover{box-shadow:0 6px 8px #00000026,0 12px 18px #00000026;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.payment-notice{align-items:flex-start;display:flex;gap:8px;padding:0}.payment-notice svg{flex-shrink:0;height:12px;margin-top:1px;width:12px}.payment-notice p{color:#6b7381;font-size:11px;line-height:16px;margin:0}.security-footer{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:auto;padding-top:16px}.security-footer svg{flex-shrink:0;height:12px;width:12px}.security-footer span{color:#6b7381;font-size:12px;line-height:16px}@media (max-width:768px){.body-container{padding:20px 16px}.card{flex-direction:column;max-width:100%;min-height:auto}.event-info-section,.registration-section{width:100%}.event-info-section{min-height:300px}.event-info-content,.registration-content{padding:24px 20px}.event-title{font-size:28px;line-height:36px}.form-title{font-size:20px;line-height:24px}}.admin-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:100vh;padding:48px 20px;width:100%}.admin-body{max-width:1440px;width:100%}.admin-main{justify-content:center}.admin-content,.admin-main{align-items:center;display:flex;width:100%}.admin-content{flex-direction:column;max-width:448px}.admin-header{margin-bottom:32px;text-align:center;width:100%}.admin-logo{align-items:center;background:#2563eb;border-radius:16px;box-shadow:0 4px 6px #2563eb33,0 10px 15px #2563eb33;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.admin-logo-image{border-radius:8px;height:48px;object-fit:contain;width:48px}.admin-title{color:#1e293b;font-size:32px;font-weight:700;line-height:36px;margin:0 0 8px;text-align:center}.admin-subtitle{color:#64748b;font-size:16px;line-height:20px;margin:0;text-align:center}.admin-form-container{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 8px 10px #e2e8f080,0 20px 25px #e2e8f080;margin-bottom:16px;padding:33px;width:100%}.admin-form{gap:24px}.admin-form,.admin-form-field{display:flex;flex-direction:column}.admin-form-field{gap:8px}.admin-form-field label{color:#334155;font-size:14px;font-weight:500;line-height:20px}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input-icon{align-items:center;display:flex;justify-content:center;left:16px;position:absolute;z-index:1}.admin-input-icon svg{height:14px;width:14px}.admin-form-field input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:inherit;font-size:16px;height:54px;padding:0 44px;transition:border-color .2s,background-color .2s;width:100%}.admin-form-field input:focus{background:#fff;border-color:#2563eb;outline:none}.admin-form-field input::placeholder{color:#adb3be}.admin-password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:16px;z-index:1}.admin-password-toggle svg{height:14px;width:12px}.admin-password-toggle:hover{opacity:.7}.admin-form-options{align-items:center;display:flex;justify-content:space-between;margin-top:-8px}.admin-checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:8px;line-height:20px}.admin-checkbox-label input[type=checkbox]{accent-color:#2563eb;cursor:pointer;height:16px;margin:0;width:16px}.admin-forgot-link{color:#2563eb;font-size:14px;font-weight:500;line-height:20px;text-decoration:none}.admin-forgot-link:hover{text-decoration:underline}.admin-login-button{align-items:center;background:#2563eb;border:none;border-radius:12px;box-shadow:0 4px 6px #2563eb4d,0 10px 15px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;height:52px;justify-content:center;margin-top:8px;transition:transform .2s,box-shadow .2s;width:100%}.admin-login-button:hover{box-shadow:0 6px 8px #2563eb59,0 12px 18px #2563eb59;transform:translateY(-2px)}.admin-login-button:active{transform:translateY(0)}.admin-login-button svg{height:14px;width:12px}.admin-security-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:center;margin-top:25px;padding-top:25px}.admin-security-footer svg{flex-shrink:0;height:12px;width:12px}.admin-security-footer span{color:#64748b;font-size:12px;line-height:16px}.admin-help-section{margin-top:16px;text-align:center;width:100%}.admin-help-title{color:#64748b;font-size:14px;line-height:20px;margin:0 0 4px}.admin-contact-link{color:#2563eb;font-size:16px;font-weight:500;line-height:24px;text-decoration:none}.admin-contact-link:hover{text-decoration:underline}.admin-error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.admin-login-button:disabled{cursor:not-allowed;opacity:.6}.admin-login-button:disabled:hover{box-shadow:0 4px 6px #2563eb4d,0 10px 15px #2563eb4d;transform:none}@media (max-width:768px){.admin-container{padding:24px 16px}.admin-form-container{border-radius:16px;padding:24px}.admin-title{font-size:28px;line-height:32px}.admin-logo{height:56px;width:56px}}.dashboard-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.dashboard-main{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.dashboard-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;padding:24px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.notification-bell{color:#64748b;cursor:pointer;height:24px;padding:4px;position:relative;transition:color .2s;width:20px}.notification-bell:hover{color:#039}.notification-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ef44444d;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:0;top:0;width:18px}.event-date{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 20px}.date-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-value{color:#0f172a;font-size:15px;font-weight:600}.dashboard-content{flex:1 1;margin:0 auto;max-width:1600px;padding:40px;width:100%}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#4f46e5,#9333ea 50%,#4f46e5);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#4f46e54d;box-shadow:0 12px 32px #0000001f,0 4px 8px #00000014;transform:translateY(-4px)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.stat-icon{border-radius:14px;box-shadow:0 4px 12px #0000001a;height:56px;transition:transform .3s ease;width:56px}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-icon svg{height:24px;width:24px}.stat-change{border-radius:6px;font-size:13px;font-weight:600;letter-spacing:.3px;padding:5px 10px}.stat-change.positive{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #16a34a33;color:#15803d}.stat-change.negative{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #dc262633;color:#dc2626}.stat-badge{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #2563eb33;border-radius:6px;color:#2563eb;font-size:13px;font-weight:600;letter-spacing:.3px;padding:5px 10px}.stat-label{color:#64748b;font-size:14px;line-height:20px;margin:0 0 12px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:48px;margin:0}.content-grid{margin-bottom:32px}.registrations-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.registrations-card:hover{border-color:#4f46e533;box-shadow:0 8px 24px #0000001a,0 4px 8px #00000014;transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.card-title{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:30px;margin:0}.view-all-button{border-radius:8px;font-size:14px;font-weight:600;padding:8px 16px;position:relative;transition:all .2s ease}.view-all-button:after{background:linear-gradient(90deg,#4f46e5,#9333ea);bottom:4px;content:"";height:2px;left:16px;position:absolute;right:16px;transform:scaleX(0);transition:transform .2s ease}.view-all-button:hover{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4338ca}.view-all-button:hover:after{transform:scaleX(1)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.registrations-table{border-collapse:initial;border-spacing:0}.registrations-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.registrations-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;padding:14px 0}.registrations-table th:first-child{padding-left:0}.registrations-table td{border-bottom:1px solid #f1f5f9;font-weight:500;padding:18px 0}.registrations-table td:nth-child(2){max-width:240px}.email-cell{color:#475569;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.registrations-table tbody tr{transition:background-color .2s}.registrations-table tbody tr:last-child td{border-bottom:none}.user-cell{gap:14px}.table-avatar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea4d;font-size:13px;font-weight:700;height:36px;width:36px}.status-badge{border:1px solid #0000;letter-spacing:.2px;padding:6px 14px}.empty-state{color:#94a3b8}.skeleton-wrapper{width:100%}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:8px}.skeleton-card{animation:fadeIn .3s ease;pointer-events:none}.skeleton-icon{border-radius:12px;height:52px;width:52px}.skeleton-badge{border-radius:6px;height:24px;width:60px}.skeleton-label{height:16px;margin-bottom:12px;width:140px}.skeleton-value{border-radius:8px;height:38px;width:80px}.skeleton-title{border-radius:6px;height:24px;width:180px}.skeleton-button{border-radius:4px;height:20px;width:70px}.skeleton-th{border-radius:4px;height:16px;width:100%}.skeleton-avatar{border-radius:10px;flex-shrink:0;height:36px;width:36px}.skeleton-name{border-radius:4px;height:16px;width:120px}.skeleton-email{border-radius:4px;height:16px;width:180px}.skeleton-badge-small{border-radius:20px;height:24px;width:70px}.skeleton-time{border-radius:4px;height:16px;width:80px}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-sidebar{width:260px}.dashboard-main{margin-left:260px}}@media (max-width:768px){.dashboard-sidebar{transform:translateX(-100%);width:280px}.dashboard-sidebar.sidebar-open{box-shadow:4px 0 24px #0000004d;transform:translateX(0)}.sidebar-close-button{display:flex}.sidebar-overlay{display:block}.hamburger-button{display:flex}.dashboard-main{margin-left:0}.stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-header{align-items:center;flex-direction:row;gap:16px;padding:20px 24px}.header-left{flex:1 1;min-width:0}.header-title{font-size:22px;line-height:28px}.header-subtitle{font-size:14px;line-height:20px}.header-right{flex-shrink:0;gap:16px}.event-date{padding:8px 12px}.date-label{font-size:11px}.date-value{font-size:13px}.dashboard-content{padding:24px}.quick-actions-card,.registrations-card,.stat-card{padding:20px}.content-grid{gap:16px}}.dashboard-sidebar::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:#0000}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.export-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.export-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.export-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.export-modal-header h2{color:#0f172a;font-size:24px;font-weight:700;margin:0}.export-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.export-modal-close:hover{background:#e2e8f0}.export-modal-close svg{color:#64748b;height:20px;width:20px}.export-modal-body{padding:24px}.export-modal-description{color:#64748b;font-size:15px;line-height:22px;margin:0 0 24px}.export-options{display:flex;flex-direction:column;gap:12px}.export-option-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .2s;width:100%}.export-option-button:hover{background:#f8fafc;border-color:#039;box-shadow:0 4px 12px #0033991a;transform:translateY(-2px)}.export-option-button:active{transform:translateY(0)}.export-option-button svg{color:#039;flex-shrink:0;height:32px;width:32px}.export-option-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.export-option-title{color:#0f172a;font-size:16px;font-weight:600}.export-option-count{color:#64748b;font-size:13px}@media (max-width:768px){.export-modal-content{margin:20px;max-width:100%}.export-modal-header{padding:20px}.export-modal-header h2{font-size:20px}.export-modal-body{padding:20px}.export-option-button{padding:16px}.export-option-title{font-size:15px}}.ticket-container{align-items:center;background:#f8fafc;display:flex;justify-content:center;padding:20px}.ticket{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #0000001f;max-width:600px;overflow:hidden;width:100%}.ticket-header{background:linear-gradient(135deg,#039,#026);color:#fff;gap:20px;padding:32px 24px}.ticket-header,.ticket-logo{align-items:center;display:flex}.ticket-logo{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.ticket-logo-image{border-radius:12px;height:100%;object-fit:contain;width:100%}.ticket-header-text{flex:1 1}.ticket-event-name{font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.ticket-event-title{font-size:18px;font-weight:500;margin:0;opacity:.95}.ticket-body{grid-gap:32px;border-bottom:2px dashed #e5e7eb;display:grid;gap:32px;grid-template-columns:1fr 1fr;padding:32px 24px}.ticket-details{display:flex;flex-direction:column;gap:20px}.ticket-detail-item{align-items:flex-start;display:flex;gap:12px}.ticket-detail-icon{align-items:center;background:#f1f5f9;border-radius:10px;color:#039;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ticket-detail-icon svg{height:20px;width:20px}.ticket-detail-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.ticket-detail-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ticket-detail-value{color:#0f172a;font-size:15px;font-weight:600;line-height:1.4}.ticket-codes{align-items:center;background:#f8fafc;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:20px}.ticket-id-section{text-align:center;width:100%}.ticket-id-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ticket-id-value{color:#039;display:block;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:1px}.ticket-qr-section{text-align:center;width:100%}.ticket-qr-label{color:#64748b;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.ticket-qr-code{background:#fff;border:4px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:180px;width:180px}.ticket-footer{background:#f8fafc;padding:24px;text-align:center}.ticket-footer-text{color:#64748b;font-size:13px;line-height:1.6;margin:0 0 16px}.ticket-footer-logo{color:#039;font-size:14px;font-weight:700;letter-spacing:.5px}@media (max-width:768px){.ticket-body{gap:24px;grid-template-columns:1fr}.ticket-header{flex-direction:column;text-align:center}.ticket-qr-code{height:150px;width:150px}}.registrations-page-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.registrations-main,.registrations-page-container{background-color:#f8fafc;display:flex;min-height:100vh}.registrations-main{flex:1 1;flex-direction:column;margin-left:280px}.registrations-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;padding:24px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.export-button{align-items:center;background:linear-gradient(135deg,#039,#04c);border:none;border-radius:10px;box-shadow:0 2px 6px #0033994d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.export-button:hover{background:linear-gradient(135deg,#04c,#05f);box-shadow:0 4px 12px #0396;transform:translateY(-1px)}.export-button:active{transform:translateY(0)}.export-button svg{height:16px;width:16px}.registrations-filters{background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:24px 40px}.search-container{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex:1 1;gap:12px;padding:12px 16px;position:relative;transition:all .2s}.search-container:focus-within{border-color:#039;box-shadow:0 0 0 3px #0033991a}.search-container svg{color:#64748b;flex-shrink:0;height:16px;width:16px}.search-input{background:none;border:none;color:#0f172a;flex:1 1;font-size:15px;font-weight:400;outline:none}.search-input::placeholder{color:#94a3b8}.filter-container{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.filter-container:focus-within{border-color:#039;box-shadow:0 0 0 3px #0033991a}.filter-container svg{color:#64748b;flex-shrink:0;height:16px;width:16px}.filter-select{-webkit-appearance:none;appearance:none;background:none;border:none;color:#0f172a;cursor:pointer;font-size:15px;font-weight:500;outline:none;padding-right:20px}.registrations-content{flex:1 1;padding:24px 40px}.registrations-table-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:visible}.table-container{overflow:visible;width:100%}@media (max-width:1024px){.table-container{overflow-x:auto}}.registrations-table{border-collapse:collapse;width:100%}.registrations-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.registrations-table th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 24px;text-align:left;text-transform:uppercase}.registrations-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s}.registrations-table tbody tr:hover{background-color:#f8fafc}.registrations-table tbody tr:last-child{border-bottom:none}.registrations-table td{color:#0f172a;font-size:15px;padding:16px 24px}.user-cell{align-items:center;display:flex;gap:12px}.table-avatar{background:linear-gradient(135deg,#039,#04c);border-radius:10px;font-size:14px;height:40px;width:40px}.email-cell{color:#64748b}.status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px;text-transform:capitalize}.amount-cell{color:#0f172a;font-weight:600}.date-cell{color:#64748b;font-size:14px}.action-link{background:none;border:none;color:#039;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline;transition:color .2s}.action-link:hover{color:#04c}.action-buttons{align-items:center;display:flex;gap:8px}.action-button{border-radius:6px;font-size:12px;padding:6px 12px;white-space:nowrap}.action-button.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.action-button.primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166}.action-button.primary:active{transform:translateY(0)}.action-menu-container{display:inline-block;position:relative;z-index:10}@media (max-width:768px){.action-menu-container{z-index:10000}}.action-menu-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.action-menu-button:hover{background:#f8fafc;border-color:#039;color:#039}.action-menu-button svg{height:16px;width:16px}.action-menu-dropdown{animation:slideUp .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:8px;margin-top:0;min-width:180px;overflow:hidden;position:absolute;right:0;top:auto;z-index:1000}.action-menu-item{align-items:center;background:none;border:none;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.action-menu-item:hover{background:#f8fafc}.action-menu-item.delete{color:#dc2626}.action-menu-item.delete:hover{background:#fee2e2;color:#991b1b}.action-menu-item svg{flex-shrink:0;height:16px;width:16px}.empty-state{color:#64748b;font-size:15px;padding:60px 20px}.ticket-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.ticket-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.ticket-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.ticket-modal-header h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.ticket-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.ticket-modal-close:hover{background:#e2e8f0}.ticket-modal-close svg{color:#64748b;height:20px;width:20px}.ticket-modal-body{padding:24px}.ticket-modal-footer{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky}.ticket-download-button{align-items:center;background:linear-gradient(135deg,#039,#026);border:none;border-radius:8px;box-shadow:0 2px 8px #0033994d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.ticket-download-button:hover{box-shadow:0 4px 12px #0396;transform:translateY(-1px)}.ticket-download-button svg{height:18px;width:18px}.ticket-close-button{background:#f1f5f9;border:none;border-radius:8px;color:#0f172a;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.ticket-close-button:hover{background:#e2e8f0}.pagination{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px}.pagination-info{color:#64748b;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f8fafc;border-color:#039;color:#039}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button svg{height:16px;width:16px}.pagination-numbers{align-items:center;display:flex;gap:4px}.pagination-number{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;font-size:14px;font-weight:500;height:36px;min-width:36px;padding:0 12px;transition:all .2s}.pagination-number:hover{background-color:#f8fafc;border-color:#039;color:#039}.pagination-number.active{background:linear-gradient(135deg,#039,#04c);border-color:#039;color:#fff}.pagination-ellipsis{color:#64748b;font-size:14px;padding:0 8px}.summary-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-stat{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px 24px}.summary-label{color:#64748b;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#0f172a;font-size:24px;font-weight:700;line-height:32px}.registrations-cards-mobile{display:none;overflow:visible}.registration-card-mobile{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;overflow:visible;padding:16px;position:relative}.card-header-mobile{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.card-user-info{flex:1 1;gap:12px;min-width:0}.card-avatar,.card-user-info{align-items:center;display:flex}.card-avatar{background:linear-gradient(135deg,#039,#04c);border-radius:12px;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.card-user-details{flex:1 1;min-width:0}.card-name{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:4px}.card-email,.card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-email{color:#64748b;font-size:13px}.card-status-mobile{flex-shrink:0}.card-body-mobile{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;margin-bottom:12px;padding:12px 0}.card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.card-row:last-child{margin-bottom:0}.card-label{color:#64748b;font-size:13px;font-weight:500}.card-value{color:#0f172a;font-size:14px;font-weight:600;text-align:right}.card-actions-mobile{align-items:center;display:flex;gap:8px;justify-content:flex-end;position:relative;z-index:10}.action-button.mobile-full{justify-content:center;width:100%}.checked-in-mobile{color:#15803d;font-size:14px;font-weight:600}.action-menu-dropdown.mobile-dropdown{position:absolute;right:0;z-index:10000}.action-menu-dropdown.mobile-dropdown,.action-menu-dropdown.mobile-dropdown.open-upward,.action-menu-dropdown.open-upward{bottom:100%!important;margin-bottom:8px!important;margin-top:0!important;top:auto!important}@media (max-width:1024px){.registrations-main{margin-left:0}.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.hamburger-button,.sidebar-close-button{display:flex}.registrations-header{padding:16px 20px}.registrations-filters{flex-direction:column;gap:12px;padding:16px 20px}.registrations-content{padding:16px 20px}.header-content{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.header-left{flex:1 1;min-width:0}.header-title{font-size:22px;line-height:28px}.header-subtitle{font-size:13px;line-height:18px}.header-right{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto;order:2}.header-left{order:1}.export-button{font-size:14px;padding:10px 16px}.export-button span{display:none}.summary-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.summary-stat{padding:16px}.summary-value{font-size:20px}.pagination{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.pagination-controls{justify-content:space-between;width:100%}}@media (max-width:768px){.registrations-content,.registrations-filters,.registrations-header{padding:12px 16px}.header-title{font-size:20px;line-height:24px}.header-subtitle{font-size:12px;line-height:16px}.export-button{min-width:44px;padding:8px 12px}.export-button svg{margin:0}.table-container{display:none}.registrations-cards-mobile{display:block}.summary-stats{gap:10px;grid-template-columns:1fr}.summary-stat{padding:14px}.summary-label{font-size:12px;margin-bottom:6px}.summary-value{font-size:18px;line-height:24px}.pagination{padding:12px 16px}.pagination-info{font-size:12px;margin-bottom:8px}.pagination-button{font-size:13px;padding:8px 12px}.pagination-button span,.pagination-numbers{display:none}.filter-container,.search-container{min-height:44px;padding:12px 16px}.filter-select,.search-input{font-size:16px}.filter-container svg,.search-container svg{height:18px;width:18px}}@media (max-width:480px){.registrations-content,.registrations-filters,.registrations-header{padding:10px 12px}.header-title{font-size:18px;line-height:22px}.registration-card-mobile{padding:12px}.card-header-mobile{align-items:flex-start;flex-direction:column;gap:8px}.card-status-mobile{align-self:flex-end}.action-button.mobile-full{font-size:14px;padding:10px 16px}.action-menu-dropdown{min-width:140px}.action-menu-item{font-size:13px;padding:10px 12px}.card-row{align-items:flex-start;flex-direction:column;gap:4px}.card-value{text-align:left}}.checkin-page-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.checkin-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh;position:relative}.hamburger-button{box-shadow:0 2px 4px #0000001a;color:#111827;right:20px;top:20px;z-index:1001}.hamburger-button:hover{background-color:#f3f4f6}.checkin-header{background-color:#fff;border-bottom:1px solid #e2e8f0cc;box-shadow:0 1px 3px #0000000d;padding:0}.header-content{align-items:flex-start;margin:0 auto;max-width:1400px;padding:32px 80px}.header-left{gap:8px}.header-right{gap:16px}.checkin-content{flex:1 1;margin:0 auto;max-width:1280px;padding:32px 24px}.checkin-sections{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:24px}.scanner-section{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.scanner-section:hover{border-color:#4f46e533;box-shadow:0 8px 24px #00000014,0 4px 8px #0000000f;transform:translateY(-2px)}.section-header{margin-bottom:24px}.section-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:28px;margin:0 0 6px}.section-subtitle{color:#64748b;font-size:14px;font-weight:400;line-height:20px;margin:0}.scanner-area{align-items:center;background:linear-gradient(135deg,#6680f5,#7648b2);border-radius:16px;display:flex;justify-content:center;margin-bottom:24px;min-height:320px;overflow:hidden;position:relative;width:100%}.scanner-frame{background:#0000;border:2px solid #fff;border-radius:12px;box-shadow:0 0 0 9999px #00000080;height:200px;position:relative;width:200px}.scanner-line{animation:scanLine 2s linear infinite;background:linear-gradient(90deg,#0000,#0f0 50%,#0000);height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}@keyframes scanLine{0%{top:0}to{top:100%}}.scanner-corner{border:2px solid #fff;height:20px;position:absolute;width:20px;z-index:1}.scanner-corner.top-left{border-bottom:none;border-right:none;border-top-left-radius:4px;left:16px;top:16px}.scanner-corner.top-right{border-bottom:none;border-left:none;border-top-right-radius:4px;right:16px;top:16px}.scanner-corner.bottom-left{border-bottom-left-radius:4px;border-right:none;border-top:none;bottom:16px;left:16px}.scanner-corner.bottom-right{border-bottom-right-radius:4px;border-left:none;border-top:none;bottom:16px;right:16px}.scanner-actions{display:flex;gap:16px}.action-button{border-radius:12px;flex:1 1;font-size:15px;font-weight:600;gap:8px;height:48px;transition:all .2s}.action-button.primary{background:linear-gradient(135deg,#6680f5,#7648b2);color:#fff}.action-button.primary:hover{box-shadow:0 4px 12px #6680f566;opacity:.9;transform:translateY(-1px)}.action-button.primary.active{background:linear-gradient(135deg,#dc2626,#b91c1c)}.action-button.secondary{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.action-button.secondary:hover{background-color:#e5e7eb}.action-button svg{height:20px;width:12px}.manual-entry-section{background-color:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.manual-entry-section:hover{border-color:#4f46e533;box-shadow:0 8px 24px #00000014,0 4px 8px #0000000f;transform:translateY(-2px)}.entry-form{display:flex;flex-direction:column;gap:20px}.form-label{font-size:15px;margin:0}.input-wrapper{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;position:relative;transition:all .2s}.input-wrapper,.ticket-prefix{align-items:center;display:flex}.ticket-prefix{background-color:#f9fafb;border-radius:12px 0 0 12px;border-right:1px solid #e5e7eb;color:#374151;flex-shrink:0;font-size:15px;font-weight:600;height:54px;padding:0 12px}.ticket-input{background-color:initial;border:none;border-radius:0 12px 12px 0;color:#111827;flex:1 1;font-size:15px;height:54px;padding:0 50px 0 16px;transition:all .2s}.input-wrapper:focus-within{border-color:#6680f5;box-shadow:0 0 0 3px #6680f51a}.ticket-input:focus{outline:none}.ticket-input::placeholder{color:#9ca3af}.input-wrapper svg{color:#9ca3af;height:18px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:18px}.checkin-button{align-items:center;background:linear-gradient(135deg,#10b981,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:52px;justify-content:center;transition:all .2s;width:100%}.checkin-button:hover{box-shadow:0 4px 12px #10b98166;opacity:.9;transform:translateY(-1px)}.checkin-button:active{transform:translateY(0)}.checkin-button svg{height:18px;width:18px}.message{border-radius:8px;font-size:14px;font-weight:500;margin-top:8px;padding:12px 16px}.message.success{background-color:#d1fae5;color:#065f46}.message.error{background-color:#fee2e2;color:#991b1b}.message.info{background-color:#dbeafe;color:#1e40af}.scanner-placeholder{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.scanner-placeholder svg{height:64px;margin-bottom:16px;opacity:.8;width:64px}.scanner-placeholder p{font-size:16px;font-weight:500;margin:0}#qr-reader{width:100%!important}#qr-reader__camera_selection,#qr-reader__dashboard{display:none}.checked-in-info{background:#f0fdf4;border:2px solid #15803d;border-radius:12px;margin-top:20px;padding:20px}.checked-in-header{align-items:center;color:#15803d;display:flex;font-size:18px;font-weight:700;gap:12px;margin-bottom:16px}.checked-in-header svg{height:24px;width:24px}.checked-in-details{color:#0f172a}.checked-in-details p{font-size:15px;margin:8px 0}.stats-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.stat-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:25px}.stat-content{align-items:center;display:flex;justify-content:space-between}.stat-info{display:flex;flex-direction:column;gap:8px}.stat-label{color:#4b5563;font-size:13px;font-weight:500}.stat-value{color:#111827;font-size:24px;font-weight:700;line-height:32px}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.blue{background-color:#dbeafe}.stat-icon.blue svg{color:#2563eb;height:16px;width:20px}.stat-icon.green{background-color:#d1fae5}.stat-icon.green svg{color:#059669;height:16px;width:14px}@media (max-width:1024px){.checkin-main{margin-left:0}.hamburger-button,.sidebar-close-button{display:flex}.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.header-content{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;padding:20px 24px}.header-left{flex:1 1;min-width:0}.header-right{align-items:center;display:flex;flex-shrink:0;gap:12px;order:2}.header-left{order:1}.checkin-content{padding:24px 20px}.checkin-sections{gap:20px;grid-template-columns:1fr}.stats-section{margin-bottom:20px}.manual-entry-section,.scanner-section{padding:24px}}@media (max-width:768px){.checkin-content,.header-content{padding:16px 12px}.header-content{gap:12px}.header-title{font-size:20px;line-height:24px}.header-subtitle{font-size:13px;line-height:18px}.stats-section{gap:12px;grid-template-columns:1fr;margin-bottom:16px}.stat-card{padding:20px}.stat-value{font-size:20px;line-height:28px}.stat-label{font-size:12px}.stat-icon{height:40px;width:40px}.checkin-sections{gap:16px}.manual-entry-section,.scanner-section{border-radius:12px;padding:20px}.section-header{margin-bottom:20px}.section-title{font-size:18px;line-height:24px}.section-subtitle{font-size:13px;line-height:18px}.scanner-area{border-radius:12px;margin-bottom:20px;min-height:280px}.scanner-actions{flex-direction:column;gap:12px}.action-button{font-size:15px;height:48px;min-height:44px}.entry-form{gap:16px}.form-label{font-size:14px}.ticket-prefix{font-size:14px;height:48px;padding:0 10px}.ticket-input{font-size:16px;height:48px;min-height:44px;padding:0 45px 0 14px}.checkin-button{font-size:15px;height:48px;min-height:44px}.message{font-size:13px;padding:12px 14px}.checked-in-info{margin-top:16px;padding:16px}.checked-in-header{font-size:16px;margin-bottom:12px}.checked-in-details p{font-size:14px;margin:6px 0}}@media (max-width:480px){.checkin-content,.header-content{padding:12px 10px}.header-title{font-size:18px;line-height:22px}.header-subtitle{font-size:12px;line-height:16px}.stats-section{gap:10px;margin-bottom:12px}.stat-card{padding:16px}.stat-value{font-size:18px;line-height:24px}.manual-entry-section,.scanner-section{padding:16px}.section-title{font-size:16px;line-height:22px}.scanner-area{margin-bottom:16px;min-height:240px}.scanner-placeholder svg{height:48px;margin-bottom:12px;width:48px}.scanner-placeholder p{font-size:14px}.action-button{font-size:14px;height:44px}.action-button svg{height:16px;width:16px}.ticket-prefix{font-size:13px;height:44px;padding:0 8px}.ticket-input{font-size:16px;height:44px;padding:0 40px 0 12px}.input-wrapper svg{height:16px;right:14px;width:16px}.checkin-button{font-size:14px;height:44px}.checkin-button svg{height:16px;width:16px}.checked-in-info{padding:14px}.checked-in-header{font-size:15px}.checked-in-header svg{height:20px;width:20px}}.generate-ticket-container{background:#fafbfc;display:flex;min-height:100vh}.generate-ticket-main{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex:1 1;flex-direction:column;margin-left:280px;position:relative}.generate-ticket-content{flex:1 1;margin:0 auto;max-width:1400px;padding:48px 80px;width:100%}.page-header{flex-wrap:wrap}.ticket-form-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:40px}.form-card,.preview-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-card:hover,.preview-card:hover{border-color:#4f46e533;box-shadow:0 8px 24px #00000014,0 4px 8px #0000000f;transform:translateY(-2px)}.form-header{margin-bottom:24px}.form-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.form-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.ticket-form{display:flex;flex-direction:column;gap:24px}.form-label-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mass-generation-toggle{align-items:center;color:#4f46e5;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.mass-generation-toggle input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;height:18px;width:18px}.mass-generation-controls{align-items:center;display:flex;justify-content:space-between;width:100%}.selection-buttons{display:flex;gap:8px}.selection-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.selection-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.selection-btn.select-all{background:#4f46e50d;border-color:#4f46e54d;color:#4f46e5}.selection-btn.select-all:hover{background:#4f46e51a;border-color:#4f46e5}.selection-btn.deselect-all:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:16px;padding:12px 16px;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f46e5;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-textarea{font-family:inherit;min-height:98px;resize:vertical}.user-select-wrapper{position:relative}.dropdown-icon{color:#9ca3af;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.user-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.user-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background-color .2s}.user-dropdown-item:hover{background:#f9fafb}.user-dropdown-item.selected{background:#eef2ff;border-left:3px solid #4f46e5}.user-dropdown-item.has-ticket{opacity:.7}.checkbox-wrapper{align-items:center;display:flex;flex-shrink:0}.checkbox-wrapper input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;height:18px;width:18px}.user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.user-dropdown-info{flex:1 1;min-width:0}.user-dropdown-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:500;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-badge{background:#fee2e2;border-radius:12px;color:#dc2626;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.user-dropdown-email{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#9333ea);border:none;border-radius:8px;box-shadow:0 4px 15px #6366f14d,0 1px 6px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:opacity .2s;width:100%}.generate-button:hover{opacity:.9}.generate-button:disabled{cursor:not-allowed;opacity:.6}.mass-generate-button{background:linear-gradient(135deg,#10b981,#059669)}.selected-users-count{background:#eef2ff;border:1px solid #c7d2fe;color:#4f46e5;font-weight:500;margin-top:12px;padding:12px}.no-users-message,.selected-users-count{border-radius:8px;font-size:14px;text-align:center}.no-users-message{background:#f9fafb;color:#6b7280;margin-top:8px;padding:16px}.generate-button svg{height:16px;width:18px}.preview-header{margin-bottom:24px}.preview-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.preview-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.preview-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:288px;overflow-y:auto;padding:20px;text-align:center}.ticket-preview-wrapper{margin:0 auto;max-width:600px;transform:scale(.9);transform-origin:top center;width:100%}.preview-placeholder-icon{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;color:#9ca3af;display:flex;height:96px;justify-content:center;margin-bottom:24px;width:96px}.preview-placeholder-icon svg{height:36px;width:40px}.preview-placeholder-text{color:#6b7280;font-size:16px;line-height:24px;margin:0}.ticket-preview{flex-direction:column;gap:16px;width:100%}.preview-icon,.ticket-preview{align-items:center;display:flex}.preview-icon{background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:50%;color:#fff;height:96px;justify-content:center;width:96px}.preview-icon svg{height:36px;width:40px}.preview-info{text-align:center}.preview-ticket-id{color:#111827;font-size:18px;font-weight:600;margin-bottom:8px}.preview-user-name{color:#374151;font-size:16px;margin-bottom:4px}.preview-event-type{color:#6b7280;font-size:14px}.recent-tickets-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 2px #0000000d;overflow:visible;padding:33px}.recent-tickets-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.recent-tickets-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.recent-tickets-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.view-all-button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:16px;font-weight:500;padding:0;transition:opacity .2s}.view-all-button:hover{opacity:.8}.tickets-table-wrapper{overflow:visible;width:100%}@media (max-width:1024px){.tickets-table-wrapper{overflow-x:auto}}.tickets-table{border-collapse:collapse;width:100%}.tickets-table thead{background:#0000}.tickets-table th{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:14px;font-weight:500;padding:12px 16px;text-align:left}.tickets-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:16px;padding:16px}.tickets-table tbody tr:hover{background:#f9fafb}.table-user-cell{gap:12px}.table-avatar,.table-user-cell{align-items:center;display:flex}.table-avatar{background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.status-badge{border-radius:9999px;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.action-button{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.action-button:hover{color:#4b5563}.empty-state{color:#6b7280;font-size:16px;padding:40px;text-align:center}.skeleton-table{display:flex;flex-direction:column;gap:1px}.skeleton-row{animation:shimmer 1.5s infinite;background:#f3f4f6;border-radius:4px;height:65px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.ticket-action-menu-container{display:inline-block;position:relative;z-index:10}@media (max-width:768px){.ticket-action-menu-container{z-index:10000}}.ticket-action-menu-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.ticket-action-menu-button:hover{background:#f8fafc;border-color:#039;color:#039}.ticket-action-menu-dropdown{animation:slideUp .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:8px;margin-top:0;min-width:180px;overflow:hidden;position:absolute;right:0;top:auto;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ticket-action-menu-item{background:none;border:none;color:#0f172a;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.ticket-action-menu-item:hover{background:#f8fafc}.ticket-action-menu-item.delete{color:#dc2626}.ticket-action-menu-item.delete:hover{background:#fee2e2;color:#991b1b}.ticket-action-menu-container svg{height:16px;width:16px}.sidebar-user{gap:16px;padding:20px 24px}.user-avatar{background:linear-gradient(135deg,#eab308,#f59e0b);border-radius:50%;font-weight:600;height:40px;width:40px}.user-avatar,.user-name{font-size:14px}.user-email{font-size:12px}.logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.logout-button:hover{background:#ffffff26;border-color:#ffffff4d}.tickets-cards-mobile{display:none;overflow:visible}.ticket-card-mobile{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;overflow:visible;padding:16px;position:relative}.ticket-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.ticket-card-user{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.ticket-card-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#9333ea);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.ticket-card-user-info{flex:1 1;min-width:0}.ticket-card-name{color:#0f172a;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-card-id{color:#64748b;font-size:13px;font-weight:500}.ticket-card-status{flex-shrink:0}.ticket-card-body{border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;margin-bottom:12px;padding:12px 0}.ticket-card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-card-row:last-child{margin-bottom:0}.ticket-card-label{color:#64748b;font-size:13px;font-weight:500}.ticket-card-value{color:#0f172a;font-size:14px;font-weight:600;text-align:right}.ticket-card-actions{align-items:center;display:flex;justify-content:flex-end;position:relative;z-index:10}.mobile-dropdown{left:auto;min-width:160px;right:0}.ticket-action-menu-dropdown.mobile-dropdown{position:absolute;right:0;z-index:10000}.ticket-action-menu-dropdown.mobile-dropdown,.ticket-action-menu-dropdown.mobile-dropdown.open-upward,.ticket-action-menu-dropdown.open-upward{bottom:100%!important;margin-bottom:8px!important;margin-top:0!important;top:auto!important}.empty-state-mobile{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#64748b;font-size:15px;padding:60px 20px;text-align:center}@media (max-width:1024px){.generate-ticket-main{margin-left:0}.dashboard-sidebar{transform:translateX(-100%);transition:transform .3s ease}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-close-button{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px;z-index:1001}.hamburger-button{display:flex}.page-header{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.page-header-left{flex:1 1;min-width:0}.page-header .hamburger-button{align-self:auto;position:relative;right:auto;top:auto}.generate-ticket-content{padding:24px 20px}.ticket-form-section{gap:20px;grid-template-columns:1fr}.form-card,.preview-card,.recent-tickets-section{padding:24px}}@media (max-width:768px){.generate-ticket-content{padding:16px 12px}.page-header{margin-bottom:24px}.page-title{font-size:22px;line-height:28px}.page-subtitle{font-size:13px;line-height:18px}.form-card,.preview-card{border-radius:12px;padding:20px}.form-title,.preview-title,.recent-tickets-title{font-size:18px;line-height:24px}.form-subtitle,.preview-subtitle,.recent-tickets-subtitle{font-size:13px;line-height:18px}.ticket-form{gap:20px}.form-group{gap:8px}.form-label{font-size:14px}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px;padding:12px 14px}.form-textarea{min-height:100px}.generate-button{font-size:16px;padding:12px}.preview-content{min-height:240px;padding:16px}.ticket-preview-wrapper{transform:scale(.85)}.recent-tickets-section{padding:20px}.recent-tickets-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.view-all-button{font-size:14px}.tickets-table-wrapper{display:none}.tickets-cards-mobile{display:block}.ticket-action-menu-dropdown{min-width:140px}.ticket-action-menu-item{font-size:13px;padding:10px 12px}}@media (max-width:480px){.generate-ticket-content{padding:12px 10px}.page-title{font-size:20px;line-height:24px}.form-card,.preview-card{padding:16px}.ticket-card-mobile{padding:12px}.ticket-card-header{align-items:flex-start;flex-direction:column;gap:8px}.ticket-card-status{align-self:flex-end}.ticket-card-row{align-items:flex-start;flex-direction:column;gap:4px}.ticket-card-value{text-align:left}.form-label-row{align-items:flex-start;flex-direction:column;gap:8px}.mass-generation-toggle{font-size:13px}.user-dropdown{max-height:180px}.user-dropdown-item{padding:10px 14px}}*{box-sizing:border-box}.settings-page-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.logo-icon svg{height:20px;width:24px}.logo-subtitle{font-size:12px;line-height:16px}.sidebar-nav{gap:8px;padding:20px 16px}.nav-item{color:#bfdbfe;gap:12px;padding:12px 16px}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 2px 8px #0000001a}.sidebar-user{display:flex;flex-direction:column;gap:12px;padding:20px 16px}.settings-main{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.settings-content{flex:1 1;margin:0 auto;max-width:1400px;padding:48px 80px;width:100%}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:40px}.page-header-left{flex:1 1;min-width:220px}.page-title{color:#0f172a;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.page-subtitle{color:#64748b;font-size:16px;font-weight:400;margin:0}.hamburger-button{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #00000014;height:44px;padding:10px;position:fixed;right:24px;top:24px;width:44px;z-index:100}.hamburger-button:hover{background-color:#f8fafc;box-shadow:0 4px 12px #0000001f}.settings-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;padding:32px}.settings-header{margin-bottom:32px}.settings-title{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.settings-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.settings-form{gap:24px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#374151;font-size:16px;font-weight:500}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:16px;padding:12px 16px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-input::placeholder{color:#adb5bd}.form-hint{color:#6b7280;font-size:13px;font-style:italic;margin:4px 0 0}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.save-button{align-items:center;background:linear-gradient(135deg,#4f46e5,#9333ea);border:none;border-radius:8px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.save-button:hover:not(:disabled){box-shadow:0 6px 20px #6366f166;opacity:.9;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.save-button svg{height:18px;width:18px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#039;height:40px;width:40px}.loading-state p{color:#64748b;font-size:15px;margin:0}@media (max-width:1024px){.settings-main{margin-left:0}.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.hamburger-button,.sidebar-close-button{display:flex}.settings-content{padding:32px 24px}.page-header{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.page-header-left{flex:1 1;min-width:0}.page-header .hamburger-button{align-self:auto;position:relative;right:auto;top:auto}}@media (max-width:768px){.settings-content{padding:24px 16px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.settings-card{padding:24px}.settings-title{font-size:18px}.settings-subtitle{font-size:13px}.form-input{font-size:16px;min-height:44px;padding:12px 14px}.save-button{justify-content:center;width:100%}}@media (max-width:480px){.settings-content{padding:16px 12px}.page-title{font-size:20px}.settings-card{padding:20px}}.sidebar-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-sidebar{background:linear-gradient(180deg,#039,#026);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:transform .3s ease;width:280px;z-index:1000}.sidebar-close-button{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:40px;z-index:1001}.sidebar-close-button:hover{background:#fff3}.sidebar-close-button svg{height:20px;width:20px}.sidebar-logo{border-bottom:1px solid #ffffff1a;gap:14px;padding:28px 24px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#eab308,#f59e0b);border-radius:10px;box-shadow:0 2px 8px #eab3084d;height:44px;justify-content:center;width:44px}.logo-icon img{max-height:100%;max-width:100%;object-fit:contain}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:24px}.logo-subtitle{color:#bfdbfe;font-size:13px;font-weight:400;line-height:18px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 0}.nav-item{align-items:center;border-radius:10px;color:#dbeafe;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;margin:0 8px;padding:14px 24px;position:relative;transition:all .2s ease}.nav-item:hover{background-color:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(90deg,#1e40afe6,#1e40afb3);box-shadow:0 2px 8px #00000026;color:#fff}.nav-item.active:before{background:linear-gradient(180deg,#eab308,#f59e0b);border-radius:0 4px 4px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-item svg{flex-shrink:0;height:20px;opacity:.9;width:20px}.nav-item.active svg{opacity:1}.sidebar-user{background:#0000001a;border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.user-info{align-items:center;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:8px;transition:background-color .2s}.user-info:hover{background-color:#ffffff0d}.user-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;box-shadow:0 2px 6px #0003;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:44px;justify-content:center;width:44px}.user-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.user-name{color:#fff;font-size:15px;font-weight:600;line-height:20px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#bfdbfe;font-size:13px;line-height:16px}.logout-button{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 2px 6px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.logout-button:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262666;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.logout-button svg{height:16px;width:16px}.hamburger-button{align-items:center;background:none;border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:none;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.hamburger-button:hover{background-color:#f1f5f9}.hamburger-button svg{height:24px;width:24px}.header-content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.header-left{display:flex;flex-direction:column;gap:6px}.header-title{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;line-height:36px;margin:0}.header-subtitle{color:#64748b;font-size:15px;font-weight:400;line-height:22px;margin:0}.header-right{align-items:center;display:flex;gap:24px;margin-left:auto}.admin-dashboard-logo-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.broadcast-page-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.broadcast-main{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.broadcast-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;display:flex;padding:24px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.broadcast-content{flex:1 1;padding:24px 40px}.broadcast-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.broadcast-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#039;height:48px;width:48px}.broadcast-loading p{color:#6b7280;font-size:15px;margin:0}.broadcast-info-banner{align-items:center;background-color:#eef3ff;border:1px solid #c7d2fe;border-radius:12px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.info-icon-circle{align-items:center;background:#dbeafe;border-radius:9999px;color:#1d4ed8;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.info-text h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.info-text p{color:#1e3a8a;font-size:14px;margin:0}.paid-pill{background:#dcfce7;border-radius:9999px;color:#166534;font-size:13px;font-weight:600;padding:6px 12px}.broadcast-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,2.2fr) minmax(0,1.4fr)}.broadcast-form-card,.broadcast-recent-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014}.broadcast-card-inner{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.broadcast-footer-actions{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:16px}.secondary-button{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 16px}.primary-button{background:linear-gradient(135deg,#039,#04c);border:none;border-radius:8px;box-shadow:0 2px 8px #00339959;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:150px;padding:10px 18px}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.7}.recent-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.recent-header h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 4px}.recent-header p{color:#6b7280;font-size:14px;margin:0}.recent-empty{color:#6b7280;font-size:14px;padding:32px 24px;text-align:center}.recent-loading{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 24px}.recent-loading p{color:#6b7280;font-size:14px;margin:0}.loading-spinner-small{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#039;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.recent-list{max-height:600px;overflow-y:auto;padding:8px 0}.recent-item{border-bottom:1px solid #f3f4f6;padding:16px 24px;transition:background-color .2s}.recent-item:hover{background-color:#f9fafb}.recent-item:last-child{border-bottom:none}.recent-item-content{display:flex;flex-direction:column;gap:8px}.recent-item-subject{color:#111827;font-size:15px;font-weight:600;line-height:1.4;margin:0}.recent-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.recent-item-time{color:#6b7280;font-size:13px}.recent-item-count{background-color:#eef3ff;border-radius:12px;color:#1d4ed8;font-size:12px;font-weight:500;padding:4px 8px}@media (max-width:1024px){.broadcast-main{margin-left:0}.broadcast-content,.broadcast-header{padding:16px 20px}.broadcast-grid{grid-template-columns:1fr}.sidebar-overlay{display:block}.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.hamburger-button,.sidebar-close-button{display:flex}}@media (max-width:768px){.broadcast-content,.broadcast-header{padding:12px 16px}.broadcast-info-banner{align-items:flex-start;flex-direction:column}.header-title{font-size:24px}.header-subtitle{font-size:14px}}
/*# sourceMappingURL=main.f297cacc.css.map*/