@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px;--spacing-2xl:36px;--font-family:"Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:10.5px;--font-size-sm:12.5px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:26px;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008, 0 10px 15px -3px #00000008;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-xl:0 25px 50px -12px #00000014, 0 0 25px #6366f114;--shadow-glow:0 0 15px #6366f140;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.32s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--glass-blur:blur(12px) saturate(180%);--primary-color:#0284c7;--primary-light:#38bdf8;--primary-dark:#0369a1;--secondary-color:#111827;--secondary-light:#1f2937;--secondary-dark:#030712;--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:#0f172a;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--border-color:#f3f4f6;--border-focus:#0284c7;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--available-seat:#10b981;--selected-seat:#0284c7;--booked-seat:#e5e7eb;--disabled-seat:#f3f4f6;--seat-vip:#0ea5e9;--seat-premium:#f59e0b;--seat-general:#10b981;--gradient-primary:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--gradient-secondary:linear-gradient(135deg, #111827 0%, #1f2937 100%);--glass-bg:#ffffffd9;--glass-border:#f3f4f6cc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseBorder{0%{box-shadow:0 0 #7c3aed66}70%{box-shadow:0 0 0 8px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}@keyframes seatPulse{0%{transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.1)}to{transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}:root{--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px;--spacing-2xl:36px;--font-family:"Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:10.5px;--font-size-sm:12.5px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:26px;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008, 0 10px 15px -3px #00000008;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--shadow-xl:0 25px 50px -12px #00000014, 0 0 25px #6366f114;--shadow-glow:0 0 15px #6366f140;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.32s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--glass-blur:blur(12px) saturate(180%);--primary-color:#0284c7;--primary-light:#38bdf8;--primary-dark:#0369a1;--secondary-color:#111827;--secondary-light:#1f2937;--secondary-dark:#030712;--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:#0f172a;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--border-color:#f3f4f6;--border-focus:#0284c7;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--available-seat:#10b981;--selected-seat:#0284c7;--booked-seat:#e5e7eb;--disabled-seat:#f3f4f6;--seat-vip:#0ea5e9;--seat-premium:#f59e0b;--seat-general:#10b981;--gradient-primary:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--gradient-secondary:linear-gradient(135deg, #111827 0%, #1f2937 100%);--glass-bg:#ffffffd9;--glass-border:#f3f4f6cc}:root[data-theme=dark]{--primary-color:#0284c7;--primary-light:#38bdf8;--primary-dark:#0369a1;--secondary-color:#111827;--secondary-light:#1f2937;--secondary-dark:#030712;--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:#0f172a;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--border-color:#f3f4f6;--border-focus:#0284c7;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--available-seat:#10b981;--selected-seat:#0284c7;--booked-seat:#e5e7eb;--disabled-seat:#f3f4f6;--seat-vip:#0ea5e9;--seat-premium:#f59e0b;--seat-general:#10b981;--gradient-primary:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--gradient-secondary:linear-gradient(135deg, #111827 0%, #1f2937 100%);--glass-bg:#ffffffd9;--glass-border:#f3f4f6cc}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.55s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-scale-up{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}.animate-spin{animation:1s linear infinite spin}.pulse-border{animation:2s infinite pulseBorder}.seat-pulse{animation:.4s ease-out seatPulse}.animate-slide-in-right{animation:.38s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-slide-in-up{animation:.42s cubic-bezier(.16,1,.3,1) forwards slideInUp}.live-pulse{animation:2s ease-in-out infinite pulse}.btn{transition:all .2s cubic-bezier(.16,1,.3,1)!important}.btn:active:not(:disabled){transform:scale(.95)!important}.event-card,.category-card,.mobile-landscape-card,.mobile-cat-circle-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s!important}.event-card:active,.category-card:active,.mobile-landscape-card:active{transform:scale(.98)translateY(-2px)!important}.nav-pill{transition:all .22s cubic-bezier(.16,1,.3,1)!important}.nav-pill:active{transform:scale(.94)!important}.form-control{transition:border-color .2s,box-shadow .25s cubic-bezier(.16,1,.3,1)!important}@media (width<=640px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-mobile-only{display:flex!important}.container{padding:10px!important}.card{padding:14px!important}.grid-layout{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.main-content{flex-direction:column!important}.booking-sidebar{width:100%!important;position:static!important}.header-actions{gap:var(--spacing-xs)!important}.tabs-nav{white-space:nowrap;padding-bottom:var(--spacing-sm);overflow-x:auto}.modal-content{width:95%!important;padding:var(--spacing-md)!important;margin:10px auto!important}.admin-dashboard .stats-grid,.organizer-dashboard .stats-grid{grid-template-columns:1fr!important}.ticket-container{flex-direction:column!important}.ticket-left{border-bottom:2px dashed #e5e7eb!important;border-right:none!important;padding:20px 20px 24px!important}.ticket-right{width:100%!important}.event-card-img-container{aspect-ratio:3/2!important}.mobile-scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:12px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.mobile-scroll-row::-webkit-scrollbar{display:none!important}.mobile-landscape-card{cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:14px;flex-shrink:0;width:162px;transition:transform .2s,box-shadow .2s;overflow:hidden}.mobile-landscape-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.mobile-landscape-card-img{object-fit:cover;width:162px;height:102px;display:block}.mobile-landscape-card-info{padding:8px 9px 10px}.mobile-landscape-card-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin:0 0 4px;font-size:11.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-landscape-card-meta{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;margin-bottom:2px;font-size:9.5px;display:flex;overflow:hidden}.mobile-landscape-card-price{color:#111827;margin-top:5px;font-size:11px;font-weight:800}.mobile-category-scroll{scrollbar-width:none;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.mobile-category-scroll::-webkit-scrollbar{display:none}.mobile-cat-circle{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.mobile-cat-circle-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s;display:flex}.mobile-cat-circle-icon:hover{transform:scale(1.06)}.mobile-cat-circle-label{color:#374151;text-align:center;max-width:64px;font-size:10.5px;font-weight:600;line-height:1.2}.mobile-hero-slide{flex-direction:column!important;gap:12px!important;min-height:240px!important;padding:28px 22px!important}}@media (width>=641px) and (width<=1024px){.grid-layout{grid-template-columns:repeat(2,1fr)!important}.booking-sidebar{width:300px!important}.nav-pill{padding:6px 10px!important;font-size:12px!important}.container.hide-on-mobile{gap:var(--spacing-sm)!important;padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}}@media (width>=1025px){.grid-layout{grid-template-columns:repeat(4,1fr)!important}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base), color var(--transition-base);min-height:100vh;line-height:1.6}a{color:var(--primary-color);transition:color var(--transition-fast), opacity var(--transition-fast);font-weight:500;text-decoration:none}a:hover{color:var(--primary-dark)}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#e5e7eb}.container{width:100%;max-width:1400px;margin:0 auto;padding:8px 16px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;padding:8px 18px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{color:#fff;background-color:#111827;border:1px solid #111827}.btn-primary:hover:not(:disabled){background-color:#030712;transform:scale(1.02);box-shadow:0 4px 12px #00000014}.btn-secondary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-dark);transform:scale(1.02);box-shadow:0 4px 12px #0284c726}.btn-outline{color:#374151;background-color:#0000;border:1px solid #e5e7eb}.btn-outline:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db;transform:scale(1.01)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:scale(1.01)}.btn-success{background-color:var(--success);color:#fff}.btn-sm{font-size:var(--font-size-xs);padding:6px 16px}.btn-xs{padding:4px 10px;font-size:11px}.btn-lg{font-size:var(--font-size-base);padding:12px 28px}.nav-pill{color:#4b5563;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:9999px;padding:8px 18px;font-weight:500}.nav-pill.active{color:#0284c7;background-color:#e0f2fe;font-weight:600}.nav-pill:hover:not(.active){color:#111827;background-color:#f3f4f6}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);display:block}.form-control{width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:8px 12px}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0284c71f}.form-row{gap:var(--spacing-md);display:flex}.form-row>*{flex:1}.event-card{transition:transform var(--transition-base), box-shadow var(--transition-base);background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000a}.event-card-img-container{aspect-ratio:3/4;border-radius:12px;margin:8px;position:relative;overflow:hidden}.event-card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.event-card:hover .event-card-img{transform:scale(1.03)}.event-card-info{flex-direction:column;gap:3px;padding:4px 12px 14px;display:flex}.category-card{text-align:center;cursor:pointer;transition:all var(--transition-base);background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 6px;display:flex}.category-card:hover{border-color:#c084fc;transform:translateY(-4px);box-shadow:0 10px 20px -5px #0000000d}.category-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);background-color:#fff;border:1px solid #e5e7eb}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;padding:4px 10px;font-weight:700;line-height:1;display:inline-flex}.badge-success{color:var(--success);background-color:#10b9811a}.badge-warning{color:var(--warning);background-color:#f59e0b1a}.badge-error{color:var(--error);background-color:#ef44441a}.badge-info{color:var(--info);background-color:#3b82f61a}.badge-primary{color:var(--primary-color);background-color:#0284c71a}.table-responsive{border-radius:var(--radius-lg);background-color:#fff;border:1px solid #e5e7eb;width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{padding:8px var(--spacing-md);border-bottom:1px solid #f3f4f6}.table th{color:var(--text-secondary);font-weight:700;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#0284c703}.modal-overlay{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:999;background-color:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;padding:var(--spacing-xl);background-color:#fff;border:1px solid #e5e7eb;position:relative}.modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:18px;right:18px}.modal-close:hover{color:var(--text-primary);background-color:#f3f4f6}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.m-t-md{margin-top:var(--spacing-md)}.m-b-md{margin-bottom:var(--spacing-md)}@media (width<=768px){.grid-layout{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.main-content{flex-direction:column!important}.booking-sidebar,.booking-sidebar aside{width:100%!important;position:static!important}}#root.modal-blur-active{filter:blur(8px)brightness(.85);pointer-events:none;transition:filter .2s}.events-grid{grid-template-columns:repeat(5,1fr)!important;gap:16px!important;display:grid!important}@media (width<=768px){.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}.show-mobile-only{display:none!important}@media (width<=640px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.show-mobile-only{display:flex!important}.container{padding:10px!important}.card{padding:14px!important}.grid-layout{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.main-content{flex-direction:column!important}.booking-sidebar{width:100%!important;position:static!important}.header-actions{gap:var(--spacing-xs)!important}.tabs-nav{white-space:nowrap;padding-bottom:var(--spacing-sm);overflow-x:auto}.modal-content{width:95%!important;padding:var(--spacing-md)!important;margin:10px auto!important}.admin-dashboard .stats-grid,.organizer-dashboard .stats-grid{grid-template-columns:1fr!important}.ticket-container{flex-direction:column!important}.ticket-left{border-bottom:2px dashed #e5e7eb!important;border-right:none!important;padding:20px 20px 24px!important}.ticket-right{width:100%!important}.event-card-img-container{aspect-ratio:3/2!important}.mobile-scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:12px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.mobile-scroll-row::-webkit-scrollbar{display:none!important}.mobile-landscape-card{cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:14px;flex-shrink:0;width:162px;transition:transform .2s,box-shadow .2s;overflow:hidden}.mobile-landscape-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.mobile-landscape-card-img{object-fit:cover;width:162px;height:102px;display:block}.mobile-landscape-card-info{padding:8px 9px 10px}.mobile-landscape-card-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin:0 0 4px;font-size:11.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-landscape-card-meta{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;margin-bottom:2px;font-size:9.5px;display:flex;overflow:hidden}.mobile-landscape-card-price{color:#111827;margin-top:5px;font-size:11px;font-weight:800}.mobile-category-scroll{scrollbar-width:none;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.mobile-category-scroll::-webkit-scrollbar{display:none}.mobile-cat-circle{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.mobile-cat-circle-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s;display:flex}.mobile-cat-circle-icon:hover{transform:scale(1.06)}.mobile-cat-circle-label{color:#374151;text-align:center;max-width:64px;font-size:10.5px;font-weight:600;line-height:1.2}.mobile-hero-slide{flex-direction:column!important;gap:12px!important;min-height:240px!important;padding:28px 22px!important}}@media (width>=641px) and (width<=1024px){.grid-layout{grid-template-columns:repeat(2,1fr)!important}.booking-sidebar{width:300px!important}.nav-pill{padding:6px 10px!important;font-size:12px!important}.container.hide-on-mobile{gap:var(--spacing-sm)!important;padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important}}@media (width>=1025px){.grid-layout{grid-template-columns:repeat(4,1fr)!important}}.ticket-container{flex-direction:row}.ticket-left{border-right:2px dashed #e5e7eb;padding:28px 28px 28px 32px}