:root,:root[data-theme=light]{--bg-dark:#f8fafc;--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-glass:#fffffff0;--red-primary:#dc2626;--red-hover:#b91c1c;--red-light-bg:#fef2f2;--red-border:#fca5a5;--blue-primary:#2563eb;--blue-hover:#1d4ed8;--blue-light-bg:#eff6ff;--blue-border:#bfdbfe;--gold-primary:#d97706;--gold-light-bg:#fffbeb;--gold-border:#fde68a;--emerald-primary:#16a34a;--emerald-light-bg:#f0fdf4;--emerald-border:#bbf7d0;--text-white:#fff;--text-dark:#0f172a;--text-light:#1e293b;--text-muted:#475569;--text-dim:#94a3b8;--border-color:#e2e8f0;--card-bg:#fff;--nav-bg:#fffffff0;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-display:"Outfit", sans-serif;--font-ui:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, sans-serif;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 14px #0f172a14;--shadow-lg:0 12px 28px #0f172a1f;--shadow-card:0 10px 30px -5px #0f172a14, 0 4px 10px -2px #0f172a0a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px}:root[data-theme=dark]{--bg-dark:#0b0f17;--bg-main:#0b0f17;--bg-surface:#151c2c;--bg-card:#151c2c;--bg-card-hover:#1e293b;--bg-glass:#151c2ceb;--red-primary:#ef4444;--red-hover:#dc2626;--red-light-bg:#ef444426;--red-border:#ef44444d;--blue-primary:#3b82f6;--blue-hover:#2563eb;--blue-light-bg:#3b82f626;--blue-border:#3b82f64d;--gold-primary:#f59e0b;--gold-light-bg:#f59e0b26;--gold-border:#f59e0b4d;--emerald-primary:#22c55e;--emerald-light-bg:#22c55e26;--emerald-border:#22c55e4d;--text-white:#fff;--text-dark:#f8fafc;--text-light:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--border-color:#ffffff1f;--card-bg:#151c2c;--nav-bg:#0f172aeb;--shadow-card:0 14px 40px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s;overflow-x:hidden}body{background:var(--bg-main);min-height:100vh;color:var(--text-dark);flex-direction:column;width:100%;line-height:1.6;transition:background .3s,color .3s;display:flex;overflow-x:hidden}.main-content{flex:1;width:100%}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.25rem}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card);border-radius:var(--radius-lg);transition:background .3s,border-color .3s}.header-utilities-mobile-desktop{align-items:center;gap:.5rem;margin-left:auto;margin-right:1rem;display:flex}.theme-toggle-btn,.lang-toggle-btn{font-family:var(--font-heading);border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.825rem;font-weight:800;transition:all .25s;display:inline-flex}.theme-toggle-btn:hover,.lang-toggle-btn:hover{border-color:var(--red-primary);transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.navbar-header-floating{z-index:1000;max-width:1220px;margin:.75rem auto 1.5rem;padding:0 1rem;position:sticky;top:1rem}.navbar-header-floating .navbar-container{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);background:#fffffff2;border:1px solid #dc26262e;justify-content:space-between;align-items:center;height:72px;padding:0 1.5rem;transition:all .3s;display:flex;box-shadow:0 12px 35px -8px #dc26261f,0 4px 12px #0000000d}.brand-logo{align-items:center;gap:.85rem;text-decoration:none;transition:transform .2s;display:flex}.brand-logo:hover{transform:translateY(-1px)}.logo-wrapper-glow{background:linear-gradient(135deg,#dc2626 0%,#d97706 50%,#2563eb 100%);border-radius:12px;padding:2px;transition:transform .25s;position:relative;box-shadow:0 4px 14px #dc26264d}.logo-wrapper-glow:hover{transform:scale(1.05)rotate(-2deg)}.adom-logo-img{object-fit:contain;background:#fff;border-radius:8px;width:auto;height:40px;padding:2px;display:block}.brand-text-wrap{flex-direction:column;line-height:1.15;display:flex}.brand-title-gradient{font-family:var(--font-heading);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 40%,#d97706 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.35rem;font-weight:900}.brand-title-gradient span{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.brand-subtitle{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.725rem;font-weight:700}.header-utilities{align-items:center;gap:.75rem;display:flex}.lang-pill-btn{font-family:var(--font-heading);border-radius:var(--radius-full);color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #dc262633;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #dc26261a}.lang-pill-btn:hover{color:#fff;background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #dc26264d}.nav-menu{align-items:center;gap:1rem;display:flex}.nav-list{align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-family:var(--font-heading);border-radius:var(--radius-full);white-space:nowrap;padding:.5rem 1rem;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--red-primary);background:#fef2f2}.nav-link.active{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #dc26264d}.nav-btn-link{cursor:pointer;background:0 0;border:none}.nav-link-cta{border-radius:var(--radius-full);font-weight:800;font-family:var(--font-heading);white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);padding:.55rem 1.25rem;font-size:.85rem;text-decoration:none;transition:all .25s;box-shadow:0 4px 14px #dc26264d;color:#fff!important}.nav-link-cta:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 20px #dc262666}.nav-cta-btn:hover{background:linear-gradient(135deg,#f87171 0%,#b91c1c 100%);box-shadow:0 6px 18px #dc262659}.mobile-toggle{border-radius:var(--radius-full);cursor:pointer;background:#f1f5f9;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:0;transition:all .25s;display:none}.mobile-toggle:hover{background:#e2e8f0}.mobile-toggle .bar{background-color:var(--text-dark);border-radius:4px;width:20px;height:2.5px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s,background-color .3s;display:block}.mobile-toggle.open{background:var(--red-light-bg)}.mobile-toggle.open .bar:first-child{background-color:var(--red-primary);transform:translateY(6.5px)rotate(45deg)}.mobile-toggle.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.open .bar:nth-child(3){background-color:var(--red-primary);transform:translateY(-6.5px)rotate(-45deg)}@media (width<=991px){.navbar-container{height:68px}.mobile-toggle{display:flex}.nav-menu{-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;z-index:999;background:#fffffffa;border:none;flex-direction:column;gap:1rem;max-height:calc(100vh - 71px);padding:1.25rem 1.25rem 1.75rem;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s,visibility .3s;position:fixed;top:71px;left:0;right:0;overflow-y:auto;transform:translateY(-160%);box-shadow:0 15px 30px #0f172a14}.nav-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-pill-wrapper{background:0 0;border:none;width:100%;padding:0}.nav-list{flex-direction:column;gap:0;width:100%}.nav-list li{border-bottom:1px solid #f1f5f9;width:100%}.nav-list li:last-child{border-bottom:none}.nav-link{width:100%;color:var(--text-dark);text-align:center;letter-spacing:.5px;border-radius:0;justify-content:center;align-items:center;padding:.9rem 0;font-size:.95rem;font-weight:800;transition:color .2s;display:flex;background:0 0!important;border:none!important}.nav-link:after{content:""!important;display:none!important}.nav-link:hover,.nav-link:active{color:var(--red-primary);background:0 0!important}.nav-link.active{font-weight:900;color:var(--red-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important}.nav-actions{border-top:1.5px solid #e2e8f0;justify-content:center;width:100%;margin-top:.75rem;padding-top:.75rem;display:flex}.nav-cta-btn{text-align:center;border-radius:var(--radius-full);border:none;width:100%;padding:.9rem 1.25rem;font-size:.95rem;font-weight:900}}button,.btn,a.btn,input[type=submit],input[type=button]{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;letter-spacing:.3px;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}button:hover,.btn:hover,a.btn:hover{transform:translateY(-2px)}button:active,.btn:active,a.btn:active,.btn.clicked{transform:scale(.97)translateY(0)!important}.btn-primary,.btn-red{background:var(--red-primary);color:var(--text-white);border-color:var(--red-primary);box-shadow:0 4px 14px #dc262640}.btn-primary:hover,.btn-red:hover{background:var(--red-hover);box-shadow:0 6px 20px #dc262659}.btn-blue{background:var(--blue-primary);color:var(--text-white);box-shadow:0 4px 14px #2563eb40}.btn-blue:hover{background:var(--blue-hover);box-shadow:0 6px 20px #2563eb59}.btn-gold{color:#fff;background:#f59e0b;font-weight:800;box-shadow:0 4px 14px #f59e0b40}.btn-gold:hover{background:#d97706}.btn-outline-light,.btn-outline{color:var(--text-dark);background:#fff;border:1px solid #cbd5e1}.btn-outline-light:hover,.btn-outline:hover{color:var(--text-dark);background:#f1f5f9;border-color:#94a3b8}.btn-outline-danger{border:1px solid var(--red-border);color:var(--red-primary);background:#fff}.btn-outline-danger:hover{background:var(--red-light-bg);border-color:var(--red-primary)}.btn-secondary{color:var(--text-dark);border:1px solid var(--border-color);background:#f1f5f9}.btn-secondary:hover{background:#e2e8f0}.btn-disabled{color:var(--text-dim)!important;cursor:not-allowed!important;box-shadow:none!important;background:#f1f5f9!important;border-color:#e2e8f0!important;transform:none!important}.btn-full{width:100%}.btn-sm{border-radius:var(--radius-sm);padding:.55rem 1.15rem;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:.95rem 2.25rem;font-size:1.05rem}.admin-container{padding:2.5rem 0 4rem}.admin-nav-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.admin-nav-top{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.admin-nav-brand{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.admin-badge-title{font-family:var(--font-heading);color:var(--red-primary);background:var(--red-light-bg);border:1px solid var(--red-border);border-radius:var(--radius-full);letter-spacing:1px;padding:.35rem .85rem;font-size:.75rem;font-weight:800}.admin-select-event{font-family:var(--font-body);color:var(--text-dark);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;min-width:240px;max-width:100%;padding:.55rem 1rem;font-size:.95rem;font-weight:700;transition:all .2s}.admin-select-event:focus{border-color:var(--red-primary);outline:none;box-shadow:0 0 0 3px #dc26261a}.admin-nav-links{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#f1f5f9;flex-wrap:wrap;align-items:center;gap:.5rem;padding:6px;display:flex}.admin-nav-link{font-family:var(--font-heading);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:.4rem;padding:.55rem 1.15rem;font-size:.875rem;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.admin-nav-link:hover{color:var(--red-primary);box-shadow:var(--shadow-sm);background:#fff}.admin-nav-link.active{background:var(--red-primary);color:#fff;box-shadow:0 4px 14px #dc262640}.admin-nav-link.logout{color:#dc2626;background:#fef2f2;margin-left:auto}@media (width<=768px){.admin-nav-card{padding:1.25rem}.admin-nav-link.logout{margin-left:0}.admin-nav-links{border-radius:var(--radius-md);flex-direction:column;align-items:stretch}.admin-nav-link{justify-content:center}}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.admin-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s;display:flex}.admin-stat-card:hover{transform:translateY(-4px)}.admin-stat-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.admin-stat-value{font-family:var(--font-heading);color:var(--text-dark);font-size:1.6rem;font-weight:900;line-height:1.2}.table-responsive{border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-card);-webkit-overflow-scrolling:touch;background:#fff;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px;font-size:.925rem}.custom-table thead{border-bottom:1.5px solid var(--border-color);background:#f8fafc}.custom-table th{font-family:var(--font-heading);color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:1rem 1.25rem;font-size:.85rem;font-weight:800}.custom-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.custom-table tbody tr:hover{background:#f8fafc}.custom-table td{color:var(--text-dark);vertical-align:middle;padding:1rem 1.25rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content-box{border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#fff;padding:1.75rem;overflow-y:auto}.hero-section{border-bottom:1px solid var(--border-color);background:linear-gradient(#fff 0%,#f8fafc 100%);padding:4.5rem 0 3.5rem}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:3.5rem;display:grid}@media (width<=991px){.hero-section{padding:2.5rem 0 2rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:2rem}}.hero-tag{background:var(--red-light-bg);border:1px solid var(--red-border);border-radius:var(--radius-full);color:var(--red-primary);font-family:var(--font-heading);letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.45rem 1.15rem;font-size:.85rem;font-weight:800;display:inline-flex}.hero-title{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.5px;margin-bottom:1.25rem;font-size:3.2rem;font-weight:900;line-height:1.15}.hero-title span{color:var(--red-primary)}@media (width<=768px){.hero-title{font-size:2rem}}.hero-desc{color:var(--text-muted);max-width:620px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}@media (width<=991px){.hero-desc{margin-left:auto;margin-right:auto;font-size:.95rem}}.hero-cta{flex-wrap:wrap;gap:1.25rem;display:flex}@media (width<=991px){.hero-cta{justify-content:center}}.hero-visual{justify-content:center;display:flex;position:relative}.hero-card-img{border-radius:var(--radius-xl);border:1px solid var(--border-color);width:100%;max-width:380px;box-shadow:var(--shadow-card);background:#fff;padding:10px;transition:transform .3s;position:relative}@media (width<=768px){.hero-card-img{max-width:260px}}.hero-card-img:hover{transform:translateY(-6px)}.hero-img{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-lg);background:#fff;width:100%;height:auto;padding:6px}.floating-badge{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:#fff;align-items:center;gap:.85rem;padding:.85rem 1.25rem;display:flex;position:absolute;bottom:-15px;left:-15px}.stats-bar-section{margin-bottom:2.5rem;padding:2rem 0}.stats-grid{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:2rem;display:grid}.stat-item{text-align:center;border-right:1px solid var(--border-color);padding:.5rem 1rem}.stat-item:last-child{border-right:none}@media (width<=768px){.stat-item{border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.stat-item:last-child{border-bottom:none;padding-bottom:0}}.stat-number{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:.35rem;font-size:2.3rem;font-weight:900;line-height:1}.stat-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.section{padding:4rem 0}.section-title-wrap{text-align:center;max-width:700px;margin:0 auto 3rem}.section-subtitle{font-family:var(--font-heading);color:var(--red-primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:800;display:inline-block}.section-title{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.5px;font-size:2.4rem;font-weight:900}@media (width<=768px){.section{padding:2rem 0}.section-title-wrap{margin-bottom:1.75rem}.section-title{font-size:1.65rem}}.event-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.event-carousel-wrapper{padding:.5rem .25rem 1.5rem;position:relative;overflow:hidden}.event-carousel-track{will-change:transform;gap:2rem;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.event-carousel-slide{box-sizing:border-box;flex:0 0 calc(33.333% - 1.35rem);min-width:300px}@media (width<=991px){.event-carousel-slide{flex:0 0 calc(50% - 1rem)}}@media (width<=640px){.event-carousel-slide{flex:0 0 100%}}.carousel-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.carousel-dots{align-items:center;gap:.5rem;display:flex}.carousel-dot{cursor:pointer;background:#cbd5e1;border-radius:50%;width:10px;height:10px;transition:all .3s}.carousel-dot.active{background:var(--red-primary);border-radius:10px;width:28px}.carousel-arrows{gap:.75rem;display:flex}.carousel-arrow-btn{border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-dark);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .25s;display:flex}.carousel-arrow-btn:hover{background:var(--red-primary);color:#fff;border-color:var(--red-primary);box-shadow:0 4px 14px #dc26264d}.event-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);backface-visibility:hidden;will-change:transform;background:#fff;flex-direction:column;transition:transform .3s cubic-bezier(.2,0,0,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1;transform:translateY(-6px)}.event-poster-wrap{aspect-ratio:16/9;background:#e2e8f0;width:100%;position:relative;overflow:hidden}.checkout-stepper{justify-content:center;align-items:center;gap:.5rem;max-width:720px;margin:2rem auto 2.5rem;padding:0 1rem;display:flex}.step-item{border-radius:var(--radius-full);border:1px solid var(--border-color);background:#f8fafc;align-items:center;gap:.6rem;padding:.5rem 1rem;transition:all .3s;display:flex}.step-item.active{background:var(--red-light-bg);border-color:var(--red-border);box-shadow:0 4px 12px #dc26261f}.step-number-bubble{color:#fff;width:28px;height:28px;font-family:var(--font-heading);background:#cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:900;display:flex}.step-item.active .step-number-bubble{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #dc26264d}.step-label{font-family:var(--font-heading);color:var(--text-muted);white-space:nowrap;letter-spacing:.3px;font-size:.85rem;font-weight:800}.step-item.active .step-label{color:var(--red-primary)}.step-line{background:#e2e8f0;flex:1;max-width:60px;height:2px}.step-line.active{background:linear-gradient(90deg,#dc2626 0%,#ef4444 100%)}.form-card{border:1px solid var(--border-color);background:#fff;border-radius:1.5rem;max-width:720px;margin:0 auto;padding:2.5rem 2rem;box-shadow:0 20px 40px -15px #00000012}.ticket-pass-card{border:1px solid var(--border-color);background:#fff;border-radius:1.5rem;margin:2rem auto 4rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000014}.ticket-pass-header{text-align:center;color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:2.25rem 2rem;position:relative}.ticket-pass-badge{color:#fff;font-family:var(--font-heading);letter-spacing:1.5px;border-radius:var(--radius-full);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);margin-bottom:.75rem;padding:.35rem 1rem;font-size:.75rem;font-weight:900;display:inline-block;box-shadow:0 4px 12px #dc26264d}.ticket-pass-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;margin:.35rem 0;font-size:1.6rem;font-weight:900}.ticket-pass-subtitle{font-family:var(--font-ui);color:#94a3b8;margin:0;font-size:.85rem}.ticket-pass-body{padding:2.25rem 2rem}.ticket-pass-table{border-collapse:collapse;width:100%;margin-bottom:2rem}.ticket-pass-table tr{border-bottom:1px solid #f1f5f9}.ticket-pass-table tr:last-child{border-bottom:none}.ticket-pass-table td{vertical-align:middle;padding:.85rem 0;font-size:.95rem}.ticket-pass-table td:first-child{color:var(--text-muted);width:45%;font-weight:600}.ticket-pass-table td:last-child{color:var(--text-dark);text-align:right;font-weight:700}.badge-status{z-index:10;font-family:var(--font-heading);border-radius:var(--radius-full);letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.725rem;font-weight:900;display:inline-flex;position:absolute;top:1rem;left:1rem;box-shadow:0 4px 14px #0f172a26}.badge-status.ongoing,.badge-status.ONGOING{color:#dc2626;background:#fef2f2;border:1.5px solid #fca5a5;animation:2s ease-in-out infinite badgePulse}.badge-status.published,.badge-status.PUBLISHED,.badge-status.upcoming,.badge-status.UPCOMING{color:#16a34a;background:#f0fdf4;border:1.5px solid #bbf7d0}.badge-status.completed,.badge-status.COMPLETED{color:#475569;background:#f8fafc;border:1.5px solid #cbd5e1}.badge-status.cancelled,.badge-status.CANCELLED{color:#e11d48;background:#fff1f2;border:1.5px solid #fecdd3}.badge-status.draft,.badge-status.DRAFT{color:#d97706;background:#fffbeb;border:1.5px solid #fde68a}.badge-status.p1-open{color:#16a34a;background:#f0fdf4;border:1.5px solid #bbf7d0}.badge-status.p2-open{color:#2563eb;background:#eff6ff;border:1.5px solid #bfdbfe}.badge-status.p1-sold{color:#d97706;background:#fffbeb;border:1.5px solid #fde68a}.badge-status.p2-sold,.badge-status.all-sold{color:#b91c1c;background:#fef2f2;border:1.5px solid #fca5a5}.badge-status.ticket-closed{color:#475569;background:#f1f5f9;border:1.5px solid #cbd5e1}@keyframes badgePulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.event-poster-img{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;transition:transform .4s}.event-card:hover .event-poster-img{transform:scale(1.04)}.event-card-body{flex-direction:column;flex:1;justify-content:space-between;padding:1.75rem;display:flex}.event-card-title{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:.75rem;font-size:1.3rem;font-weight:800;line-height:1.35}.event-info-meta{color:var(--text-muted);flex-direction:column;gap:.4rem;margin-bottom:1rem;font-size:.9rem;display:flex}.badge-status{font-family:var(--font-heading);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:var(--shadow-sm);padding:.35rem .9rem;font-size:.75rem;font-weight:800;position:absolute;top:1rem;right:1rem}.badge-status.published,.badge-status.open,.badge-status.ongoing{background:var(--status-open-bg);border:1px solid var(--status-open-border);color:var(--status-open-text)}.badge-status.completed,.badge-status.sold_out{background:var(--status-sold-bg);border:1px solid var(--status-sold-border);color:var(--status-sold-text)}.badge-status.locked,.badge-status.closed{background:var(--status-locked-bg);border:1px solid var(--status-locked-border);color:var(--status-locked-text)}.badge-status.draft{background:var(--status-draft-bg);border:1px solid var(--status-draft-border);color:var(--status-draft-text)}.event-card-divider{background:var(--border-color);border:none;height:1px;margin:1.25rem 0}.event-school-rekap-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;padding:1rem}.event-school-rekap-title{font-family:var(--font-heading);color:var(--gold-primary);letter-spacing:.5px;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.8rem;font-weight:800;display:flex}.event-school-list{flex-direction:column;gap:.4rem;max-height:140px;list-style:none;display:flex;overflow-y:auto}.event-school-item{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;padding:.4rem .65rem;font-size:.85rem;display:flex}.event-school-name{color:var(--text-dark);text-overflow:ellipsis;white-space:nowrap;max-width:190px;font-weight:600;overflow:hidden}.event-school-count{font-family:var(--font-heading);color:var(--red-primary);font-weight:800}.event-school-empty{color:var(--text-dim);text-align:center;padding:.5rem;font-size:.85rem}@media (width<=767px){.event-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.event-card{border-radius:var(--radius-md)}.event-poster-wrap{aspect-ratio:16/9;max-height:100px}.badge-status{letter-spacing:.2px;box-shadow:none;padding:.1rem .3rem;font-size:.45rem;font-weight:800;line-height:1;top:.25rem;right:.25rem}.event-card-body{padding:.75rem}.event-card-title{margin-bottom:.35rem;font-size:.9rem;line-height:1.25}.event-info-meta{gap:.15rem;margin-bottom:.5rem;font-size:.725rem}.event-card-divider{margin:.5rem 0}.event-school-rekap-box{padding:.5rem}.event-school-rekap-title{margin-bottom:.35rem;font-size:.7rem}.event-school-list{gap:.25rem;max-height:70px}.event-school-item{padding:.2rem .35rem;font-size:.725rem}.event-school-name{max-width:90px}.event-card-body .btn-sm{border-radius:var(--radius-sm);padding:.4rem .5rem;font-size:.75rem}}@media (width<=380px){.event-grid{gap:.5rem}.event-card-body{padding:.6rem}.event-card-title{font-size:.85rem}.badge-status{padding:.12rem .35rem;font-size:.5rem;top:.25rem;right:.25rem}}.page-header{border-bottom:1px solid var(--border-color);text-align:center;background:linear-gradient(#fff 0%,#f8fafc 100%);padding:3rem 0 2rem}.page-title{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.5px;font-size:2.3rem;font-weight:900}.detail-event-grid{grid-template-columns:360px 1fr;gap:2.5rem;margin-bottom:4rem;display:grid}.detail-poster{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-card)}.presale-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;display:grid}.ticket-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;justify-content:space-between;padding:2rem;transition:all .3s;display:flex;position:relative}.ticket-card.featured{border-color:var(--red-border);box-shadow:0 10px 30px #dc26261f}.ticket-title{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.ticket-price{font-family:var(--font-heading);color:var(--red-primary);margin-bottom:1.25rem;font-size:1.8rem;font-weight:900}.stock-info{color:var(--text-muted);margin:1rem 0;font-size:.9rem}.stock-progress{background:#e2e8f0;border-radius:4px;width:100%;height:8px;margin-top:.5rem;overflow:hidden}.stock-bar{background:var(--red-primary);border-radius:4px;height:100%;transition:width .4s}@media (width<=991px){.page-header{padding:1.75rem 0 1.25rem}.page-title{font-size:1.5rem}.detail-event-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.detail-poster{border-radius:var(--radius-lg);max-width:220px;margin:0 auto;display:block}.ticket-card{border-radius:var(--radius-lg);padding:1.25rem}.ticket-title{font-size:1.2rem}.ticket-price{margin-bottom:.75rem;font-size:1.5rem}}.step-indicator-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;margin:2rem 0 3rem;display:flex}.step-item{opacity:.5;align-items:center;gap:.6rem;transition:all .3s;display:flex}.step-item.active,.step-item.completed{opacity:1}.step-number-bubble{width:38px;height:38px;color:var(--text-dark);font-family:var(--font-heading);background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.step-item.active .step-number-bubble{background:var(--red-primary);color:#fff;box-shadow:0 4px 12px #dc26264d}.step-item.completed .step-number-bubble{background:var(--emerald-primary);color:#fff}.step-label{font-family:var(--font-heading);color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.form-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:720px;box-shadow:var(--shadow-card);background:#fff;margin:0 auto 4rem;padding:2.5rem}@media (width<=768px){.form-card{margin-bottom:2rem;padding:1.25rem}}.form-group{margin-bottom:1.75rem}.form-label{font-family:var(--font-heading);color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.95rem;font-weight:800;display:block}.form-control{border-radius:var(--radius-md);width:100%;color:var(--text-dark);font-family:var(--font-body);background:#fff;border:1.5px solid #cbd5e1;padding:.85rem 1.15rem;font-size:.95rem;font-weight:600;transition:all .2s}.form-control:focus{border-color:var(--red-primary);outline:none;box-shadow:0 0 0 4px #dc26261f}.qty-control{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;align-items:center;gap:.6rem;width:auto;padding:.4rem;display:inline-flex}.btn-qty{width:44px;min-width:44px;height:44px;color:var(--text-dark);font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-qty:hover{background:var(--red-primary);border-color:var(--red-primary);color:#fff;box-shadow:0 4px 10px #dc262640}.input-qty{-moz-appearance:textfield;text-align:center!important;width:80px!important;min-width:80px!important;height:44px!important;line-height:44px!important;font-family:var(--font-heading)!important;color:var(--text-dark)!important;border-radius:var(--radius-sm)!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;padding:0 .5rem!important;font-size:1.25rem!important;font-weight:800!important}.input-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-summary-box{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;margin:2rem 0;padding:1.25rem}.price-row{color:var(--text-muted);justify-content:space-between;padding:.4rem 0;font-size:.95rem;display:flex}.price-row.total{border-top:1.5px dashed var(--border-color);font-family:var(--font-heading);color:var(--text-dark);margin-top:.5rem;padding-top:.85rem;font-size:1.15rem;font-weight:900}.price-row.total span:last-child{font-family:var(--font-heading);color:var(--red-primary);font-size:1.45rem}.receipt-card{border:2px solid var(--gold-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;padding:2.5rem;position:relative;overflow:hidden}@media (width<=768px){.receipt-card{padding:1.25rem}}.receipt-card:before{content:"VIP TICKET PASS";background:var(--gold-primary);color:#fff;font-family:var(--font-heading);box-shadow:var(--shadow-sm);padding:4px 40px;font-size:.7rem;font-weight:900;position:absolute;top:20px;right:-35px;transform:rotate(45deg)}.receipt-header{text-align:center;border-bottom:1px dashed var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.receipt-table{border-collapse:collapse;width:100%;margin-bottom:2rem}.receipt-table td{color:var(--text-muted);padding:.65rem 0;font-size:.95rem}.receipt-table td:last-child{text-align:right;color:var(--text-dark);font-weight:700}.main-footer{border-top:1px solid var(--border-color);background:#fff;margin-top:4rem;padding:4rem 0 2rem}.footer-container{grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}@media (width<=768px){.main-footer{margin-top:2.5rem;padding:2.5rem 0 1.5rem}.footer-container{grid-template-columns:1fr;gap:2rem}}.footer-brand h3{font-family:var(--font-heading);color:var(--text-dark);font-size:1.3rem;font-weight:900}.footer-links h4,.footer-contact h4{font-family:var(--font-heading);color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.25rem;font-size:1.05rem;font-weight:800}.footer-links ul{flex-direction:column;gap:.6rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--red-primary)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);padding-top:1.5rem;font-size:.875rem}@media print{.navbar-header,.top-accent-bar,.main-footer,.btn,button,nav,.hero-tag{display:none!important}body,.section,.container{box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important}.ticket-pass-card,.receipt-card{page-break-inside:avoid;box-shadow:none!important;border:2px solid #000!important;max-width:100%!important;margin:0 auto!important}}
