@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800;900&family=Readex+Pro:wght@300;400;500;600;700&family=Reem+Kufi+Fun:wght@400;500;600;700&display=swap');
:root{
--void:#060613;--cosmos:#0b0b22;--surface:#16163e;
--neon-pink:#ff3d85;--neon-magenta:#e91e8c;--neon-purple:#9b4dff;--neon-cyan:#00e5ff;
--neon-gold:#ffd700;--gold-deep:#d4a017;--marshmallow:#ffb3d9;
--text-bright:#f0eeff;--text-soft:#b8b0d8;--text-dim:#6e6599;
--glow-pink:rgba(255,61,133,.45);--glow-purple:rgba(155,77,255,.4);
--vip-color:#ff4d6d;--vip-bg:rgba(255,77,109,.12);--vip-border:rgba(255,77,109,.4);
--platinum-text:#c4a8ff;--platinum-bg:rgba(155,77,255,.12);--platinum-border:rgba(155,77,255,.4);
--gold-text:#ffe066;--gold-bg:rgba(255,215,0,.1);--gold-border:rgba(255,215,0,.35);
--silver-text:#d0d0e0;--silver-bg:rgba(180,180,200,.08);--silver-border:rgba(180,180,200,.3);
--bronze-color:#cd7f32;--bronze-text:#e8a862;--bronze-bg:rgba(205,127,50,.1);--bronze-border:rgba(205,127,50,.3);
--whatsapp:#25D366;--success:#10B981;--danger:#EF4444;--radius:16px;--radius-sm:10px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Readex Pro','Noto Kufi Arabic',sans-serif;background:var(--void);color:var(--text-bright);direction:rtl;min-height:100vh;overflow-x:hidden;line-height:1.6;font-size:14px}
img{max-width:100%;height:auto;display:block}a{text-decoration:none}button{font-family:inherit}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1.5px 1.5px at 12% 25%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 85% 15%,rgba(155,77,255,.25),transparent),radial-gradient(2px 2px at 45% 60%,rgba(255,61,133,.15),transparent),radial-gradient(1px 1px at 70% 80%,rgba(0,229,255,.2),transparent);background-size:350px 350px;animation:drift 25s linear infinite}
@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(-80px,-60px)}}
.container{width:100%;padding:0 16px;margin:0 auto;position:relative;z-index:1}
.glass{background:linear-gradient(135deg,rgba(22,22,62,.85),rgba(11,11,34,.9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(155,77,255,.15);border-radius:var(--radius)}
.glow-text-pink{background:linear-gradient(135deg,var(--neon-pink),var(--neon-magenta),var(--marshmallow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glow-text-gold{background:linear-gradient(135deg,var(--neon-gold),#ffe066,var(--gold-deep));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* NAVBAR */
.navbar{position:sticky;top:0;z-index:100;background:rgba(6,6,19,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(155,77,255,.1)}
.navbar .container{display:flex;justify-content:space-between;align-items:center;height:56px}
.navbar-brand{font-family:'Reem Kufi Fun',sans-serif;font-size:1.15rem;font-weight:700;color:var(--neon-pink);text-shadow:0 0 14px var(--glow-pink);display:flex;align-items:center;gap:8px}
.navbar-brand .emoji{font-size:1.3rem}
.mobile-toggle{display:flex;background:none;border:1px solid rgba(155,77,255,.25);color:var(--neon-purple);padding:6px 10px;border-radius:8px;font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center}
.nav-links{display:none;list-style:none}
.nav-links.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:rgba(6,6,19,.97);backdrop-filter:blur(24px);padding:12px 16px;border-bottom:1px solid rgba(155,77,255,.15);z-index:99;gap:4px}
.nav-links a{display:block;color:var(--text-soft);padding:12px 16px;border-radius:10px;font-weight:600;font-size:.92rem;transition:all .3s;border:1px solid transparent}
.nav-links a.active{color:var(--neon-pink);background:rgba(255,61,133,.08);border-color:rgba(255,61,133,.2)}
.nav-links a:hover{color:var(--neon-cyan);background:rgba(0,229,255,.06)}

/* HERO */
.hero{position:relative;overflow:hidden;background:var(--void)}
.hero-banner{width:100%;display:block;height:auto;max-height:60vh;object-fit:contain;object-position:center top;background:var(--void)}
.hero-overlay{padding:24px 0;background:linear-gradient(to bottom,rgba(6,6,19,.6) 0%,var(--void) 60%)}
.hero-content{text-align:center}
.hero-content h1{font-family:'Reem Kufi Fun',sans-serif;font-size:1.6rem;font-weight:800;line-height:1.3;margin-bottom:6px}
.hero-content .tagline{font-size:.92rem;color:var(--marshmallow);font-weight:500;margin-bottom:2px}
.hero-content .credit{font-size:.82rem;color:var(--text-dim)}
.hero-badges{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0 4px}
.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:30px;font-weight:600;font-size:.82rem;border:1px solid}
.hero-badge.date{background:rgba(155,77,255,.08);border-color:rgba(155,77,255,.25);color:var(--platinum-text)}
.hero-badge.venue{background:rgba(255,215,0,.06);border-color:rgba(255,215,0,.2);color:var(--gold-text)}
.cta-button{display:inline-block;padding:14px 36px;border-radius:50px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;color:#fff;background:linear-gradient(135deg,var(--neon-pink),var(--neon-magenta),var(--neon-purple));box-shadow:0 0 20px var(--glow-pink);transition:all .4s;margin-top:18px}
.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 30px var(--glow-pink)}

/* SECTIONS */
.section-heading{text-align:center;font-family:'Reem Kufi Fun',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:28px}
.section-heading::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan));margin:10px auto 0;border-radius:2px}
.shows-section{padding:40px 0 30px}
.shows-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:900px;margin:0 auto}
.show-card{display:flex;align-items:center;gap:16px;padding:16px 18px;transition:all .3s}
.show-date{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:10px 12px;background:linear-gradient(135deg,rgba(255,61,133,.15),rgba(155,77,255,.12));border-radius:12px;border:1px solid rgba(155,77,255,.25)}
.show-day{font-family:'Reem Kufi Fun',sans-serif;font-size:1.6rem;font-weight:900;color:var(--neon-pink);line-height:1}
.show-month{font-size:.72rem;color:var(--text-soft);margin-top:2px;font-weight:600}
.show-info{flex:1}
.show-venue{font-family:'Reem Kufi Fun',sans-serif;font-size:1rem;font-weight:700;color:var(--gold-text);margin-bottom:4px}
.show-meta{font-size:.78rem;color:var(--text-dim)}

/* PRICING */
.pricing-section{padding:50px 0 40px}
.pricing-grid{display:grid;grid-template-columns:1fr;gap:12px;max-width:800px;margin:0 auto}
.price-card{position:relative;padding:24px 20px;border-radius:var(--radius);text-align:center;transition:all .4s;overflow:hidden}
.price-card::before{content:'';position:absolute;top:0;left:15%;right:15%;height:2px;border-radius:0 0 4px 4px}
.price-card.vip{background:var(--vip-bg);border:1px solid var(--vip-border)}.price-card.vip::before{background:var(--vip-color)}.price-card.vip .card-label,.price-card.vip .card-price{color:var(--vip-color)}
.price-card.platinum{background:var(--platinum-bg);border:1px solid var(--platinum-border)}.price-card.platinum::before{background:var(--neon-purple)}.price-card.platinum .card-label,.price-card.platinum .card-price{color:var(--platinum-text)}
.price-card.gold{background:var(--gold-bg);border:1px solid var(--gold-border)}.price-card.gold::before{background:var(--neon-gold)}.price-card.gold .card-label,.price-card.gold .card-price{color:var(--gold-text)}
.price-card.silver{background:var(--silver-bg);border:1px solid var(--silver-border)}.price-card.silver::before{background:var(--silver-text)}.price-card.silver .card-label,.price-card.silver .card-price{color:var(--silver-text)}
.price-card.bronze{background:var(--bronze-bg);border:1px solid var(--bronze-border)}.price-card.bronze::before{background:var(--bronze-color)}.price-card.bronze .card-label,.price-card.bronze .card-price{color:var(--bronze-text)}
.price-card .card-icon{font-size:2rem;margin-bottom:8px}.price-card .card-label{font-family:'Reem Kufi Fun',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:6px}.price-card .card-price{font-size:1.8rem;font-weight:900;line-height:1.1}.price-card .card-price small{font-size:.8rem;font-weight:400;opacity:.6}.price-card .card-desc{margin-top:8px;font-size:.82rem;color:var(--text-dim)}

/* SEATING */
.seating-section{padding:40px 0 50px}
.seating-grid{display:grid;grid-template-columns:1fr;gap:16px}
.seating-card{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(155,77,255,.12);background:rgba(16,16,50,.5);transition:all .3s}
.seating-card img{width:100%;display:block}
.seating-card .seat-label{padding:10px 16px;text-align:center;font-weight:600;color:var(--text-soft);font-size:.85rem;background:rgba(6,6,19,.5)}

/* FORM */
.booking-page{padding:36px 0 60px}
.booking-page h1{text-align:center;font-family:'Reem Kufi Fun',sans-serif;font-size:1.6rem;margin-bottom:6px}
.booking-page .form-subtitle{text-align:center;color:var(--text-soft);margin-bottom:28px;font-size:.92rem}
.booking-form-wrapper{max-width:640px;margin:0 auto;padding:24px 18px}
.form-group{margin-bottom:22px}
.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:var(--text-soft)}
.form-group label .required{color:var(--neon-pink)}
.form-control{width:100%;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(155,77,255,.15);border-radius:var(--radius-sm);color:var(--text-bright);font-family:inherit;font-size:16px;transition:all .3s;direction:rtl;outline:none;-webkit-appearance:none}
.form-control::placeholder{color:var(--text-dim)}
.form-control:focus{border-color:var(--neon-purple);background:rgba(155,77,255,.06);box-shadow:0 0 0 3px rgba(155,77,255,.1)}
select.form-control{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239b4dff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center;padding-left:36px}
select.form-control option{background:#16163e;color:#f0eeff}
textarea.form-control{resize:vertical;min-height:60px}
.date-options{display:grid;grid-template-columns:1fr;gap:10px}
.date-option{position:relative}.date-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.date-option label{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:rgba(255,255,255,.03);border:2px solid rgba(155,77,255,.1);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s;text-align:center}
.date-option label .date-day{font-family:'Reem Kufi Fun',sans-serif;font-size:1rem;font-weight:700}
.date-option label .date-full{font-size:.78rem;color:var(--text-dim);margin-top:3px}
.date-option input:checked+label{border-color:var(--neon-purple);background:rgba(155,77,255,.1);box-shadow:0 0 16px rgba(155,77,255,.1)}
.level-options{display:grid;grid-template-columns:1fr;gap:8px}
.level-option{position:relative}.level-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.level-option label{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s}
.level-option label .lvl-icon{font-size:1.4rem}.level-option label .lvl-name{font-weight:700;font-size:.9rem;flex:1}.level-option label .lvl-price{font-size:.82rem;color:var(--text-dim)}
.level-option.vip input:checked+label{border-color:var(--vip-color);background:var(--vip-bg)}
.level-option.platinum input:checked+label{border-color:var(--neon-purple);background:var(--platinum-bg)}
.level-option.gold input:checked+label{border-color:var(--neon-gold);background:var(--gold-bg)}
.level-option.silver input:checked+label{border-color:var(--silver-text);background:var(--silver-bg)}
.level-option.bronze input:checked+label{border-color:var(--bronze-color);background:var(--bronze-bg)}
.total-price-display{border-radius:var(--radius-sm);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:linear-gradient(135deg,rgba(155,77,255,.06),rgba(255,61,133,.04));border:1px solid rgba(155,77,255,.18)}
.total-price-display .label{font-weight:600;color:var(--text-soft);font-size:.92rem}
.total-price-display .amount{font-size:1.6rem;font-weight:900;color:var(--platinum-text)}.total-price-display .amount small{font-size:.75rem;font-weight:400}
.submit-btn{width:100%;padding:16px;border:none;border-radius:var(--radius-sm);font-size:1.05rem;font-weight:700;cursor:pointer;font-family:inherit;color:#fff;background:linear-gradient(135deg,var(--neon-pink),var(--neon-magenta),var(--neon-purple));box-shadow:0 0 24px var(--glow-pink);transition:all .3s;-webkit-appearance:none}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 36px var(--glow-pink)}
.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}

/* SUCCESS */
.success-page{padding:36px 0 60px;text-align:center}
.success-card{max-width:560px;margin:0 auto;padding:32px 20px}
.success-icon{width:72px;height:72px;margin:0 auto 18px;background:rgba(16,185,129,.12);border:2px solid rgba(16,185,129,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;animation:pop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
.success-card h1{font-family:'Reem Kufi Fun',sans-serif;font-size:1.4rem;margin-bottom:6px;color:var(--success)}
.success-card .booking-ref{font-size:1.1rem;font-weight:800;letter-spacing:2px;display:inline-block;margin:14px 0;padding:10px 20px;border-radius:10px;background:rgba(155,77,255,.1);border:1px solid rgba(155,77,255,.3);color:var(--platinum-text)}
.qr-code-img{background:#fff;padding:14px;border-radius:12px;display:inline-block;margin-bottom:16px}.qr-code-img img{display:block;width:160px;height:160px}
.booking-details-list{text-align:right;margin:20px 0}
.booking-details-list .detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:10px}
.booking-details-list .detail-row .label{color:var(--text-dim);font-size:.85rem;white-space:nowrap}.booking-details-list .detail-row .value{font-weight:600;font-size:.9rem;text-align:left}
.success-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.btn-outline{display:block;padding:12px 24px;border-radius:30px;font-weight:700;font-family:inherit;font-size:.92rem;border:2px solid;transition:all .3s;cursor:pointer;text-align:center}
.btn-outline.pink{border-color:var(--neon-pink);color:var(--neon-pink);background:rgba(255,61,133,.06)}
.btn-outline.cyan{border-color:var(--neon-cyan);color:var(--neon-cyan);background:rgba(0,229,255,.04)}

/* DASHBOARD */
.dashboard-page{padding:24px 0 50px}
.dashboard-page h1{font-family:'Reem Kufi Fun',sans-serif;font-size:1.5rem;margin-bottom:20px}
.admin-tabs{display:flex;gap:4px;margin-bottom:20px;background:rgba(16,16,50,.4);padding:4px;border-radius:12px;border:1px solid rgba(155,77,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tab{padding:10px 18px;border-radius:10px;font-weight:600;font-size:.82rem;color:var(--text-soft);transition:all .3s;white-space:nowrap;flex-shrink:0}
.admin-tab.active{background:linear-gradient(135deg,rgba(255,61,133,.15),rgba(155,77,255,.15));color:var(--neon-pink);box-shadow:0 0 12px rgba(255,61,133,.1)}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.stat-card{border-radius:var(--radius-sm);padding:16px 14px;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.stat-card .stat-icon{font-size:1.2rem;margin-bottom:4px;opacity:.6}.stat-card .stat-label{font-size:.72rem;color:var(--text-dim);margin-bottom:4px;font-weight:500}.stat-card .stat-value{font-size:1.4rem;font-weight:900;line-height:1}
.stat-card.purple{border-color:rgba(155,77,255,.2)}.stat-card.purple::before{background:var(--neon-purple)}.stat-card.purple .stat-value{color:var(--platinum-text)}
.stat-card.pink{border-color:rgba(255,61,133,.2)}.stat-card.pink::before{background:var(--neon-pink)}.stat-card.pink .stat-value{color:var(--neon-pink)}
.stat-card.gold{border-color:var(--gold-border)}.stat-card.gold::before{background:var(--neon-gold)}.stat-card.gold .stat-value{color:var(--gold-text)}
.stat-card.cyan{border-color:rgba(0,229,255,.2)}.stat-card.cyan::before{background:var(--neon-cyan)}.stat-card.cyan .stat-value{color:var(--neon-cyan)}
.search-form{display:flex;gap:6px;width:100%;margin-bottom:16px}
.search-form .form-control{padding:10px 14px;font-size:.88rem}
.search-form button{flex-shrink:0;padding:10px 14px;border:none;border-radius:var(--radius-sm);background:rgba(155,77,255,.12);color:var(--neon-purple);cursor:pointer;font-size:1rem}
.filters-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
.filters-bar::-webkit-scrollbar{display:none}
.filter-btn{padding:7px 14px;border-radius:30px;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .3s;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--text-soft);white-space:nowrap;flex-shrink:0}
.filter-btn:hover,.filter-btn.active{background:rgba(155,77,255,.12);border-color:rgba(155,77,255,.3);color:var(--neon-purple)}

/* BADGES */
.level-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.72rem;font-weight:700}
.level-badge.vip{background:var(--vip-bg);color:var(--vip-color);border:1px solid var(--vip-border)}
.level-badge.platinum{background:var(--platinum-bg);color:var(--platinum-text);border:1px solid var(--platinum-border)}
.level-badge.gold{background:var(--gold-bg);color:var(--gold-text);border:1px solid var(--gold-border)}
.level-badge.silver{background:var(--silver-bg);color:var(--silver-text);border:1px solid var(--silver-border)}
.level-badge.bronze{background:var(--bronze-bg);color:var(--bronze-text);border:1px solid var(--bronze-border)}
.status-badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}
.status-badge.confirmed{background:rgba(16,185,129,.12);color:var(--success);border:1px solid rgba(16,185,129,.2)}
.status-badge.cancelled{background:rgba(239,68,68,.08);color:var(--danger);border:1px solid rgba(239,68,68,.15)}
.status-badge.pending{background:rgba(255,215,0,.08);color:var(--neon-gold);border:1px solid rgba(255,215,0,.2)}

/* MOBILE CARDS */
.booking-cards{display:flex;flex-direction:column;gap:12px}
.booking-card{border-radius:var(--radius);padding:18px 16px;border:1px solid rgba(155,77,255,.12);background:rgba(16,16,50,.5)}
.booking-card.is-cancelled{opacity:.4}
.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}
.booking-card-ref{font-size:.78rem;font-weight:800;color:var(--platinum-text);letter-spacing:1px}
.booking-card-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;font-size:.85rem}
.bc-item{display:flex;flex-direction:column;gap:2px}.bc-label{color:var(--text-dim);font-size:.72rem;font-weight:500}.bc-value{font-weight:600}
.booking-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(255,255,255,.04)}
.bookings-table-wrapper{display:none}

/* BTNS */
.action-btns{display:flex;gap:6px;flex-wrap:wrap}
.btn-sm{padding:8px 14px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.btn-whatsapp{background:rgba(37,211,102,.1);color:var(--whatsapp);border:1px solid rgba(37,211,102,.2)}
.btn-qr{background:rgba(155,77,255,.1);color:var(--platinum-text);border:1px solid rgba(155,77,255,.2)}
.btn-cancel-action{background:rgba(239,68,68,.06);color:var(--danger);border:1px solid rgba(239,68,68,.12)}
.btn-restore{background:rgba(0,229,255,.06);color:var(--neon-cyan);border:1px solid rgba(0,229,255,.12)}
.empty-state{text-align:center;padding:48px 16px;color:var(--text-dim)}.empty-state .empty-icon{font-size:3rem;margin-bottom:12px;opacity:.4}

/* SHOWS ADMIN */
.shows-admin-grid{display:grid;grid-template-columns:1fr;gap:12px}
.show-admin-card{padding:18px}.show-admin-card.is-inactive{opacity:.5}
.show-admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.04)}
.show-admin-date{font-family:'Reem Kufi Fun',sans-serif;font-size:1rem;font-weight:700;color:var(--platinum-text)}
.show-admin-time{font-size:.82rem;color:var(--text-dim);margin-top:4px}
.show-admin-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:10px 0}
.stat-mini{text-align:center;padding:8px;background:rgba(255,255,255,.02);border-radius:8px}
.stat-mini span{display:block;font-size:.68rem;color:var(--text-dim);margin-bottom:2px}
.stat-mini strong{font-size:.92rem;font-weight:700}
.show-admin-actions{display:flex;gap:6px;flex-wrap:wrap;padding-top:10px;border-top:1px solid rgba(255,255,255,.04)}

/* SETTINGS */
.settings-section{padding:24px;margin-bottom:18px}
.settings-title{font-family:'Reem Kufi Fun',sans-serif;font-size:1.1rem;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(155,77,255,.12)}
.form-grid-2,.form-grid-3,.form-grid-5{display:grid;grid-template-columns:1fr;gap:0}
.form-grid-2 .form-group,.form-grid-3 .form-group,.form-grid-5 .form-group{margin-bottom:16px}

/* ASSIGN SEATS */
.assign-page{padding:20px 0 50px}
.assign-header{text-align:center;margin-bottom:16px}
.assign-header h1{font-family:'Reem Kufi Fun',sans-serif;font-size:1.4rem;margin-bottom:8px}
.back-link{display:inline-block;color:var(--neon-cyan);font-size:.82rem;font-weight:600;margin-bottom:10px}
.selection-bar{display:flex;flex-direction:column;gap:10px;padding:14px 16px;margin-bottom:14px;position:relative;z-index:10}
.sel-info{font-size:.88rem;line-height:1.6}.sel-info strong{color:var(--neon-pink)}
#selSeats{display:block;margin-top:4px;font-size:.8rem;word-break:break-all}
.seat-legend{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:.75rem}
.legend-item{display:flex;align-items:center;gap:4px;color:var(--text-soft)}
.legend-box{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}
.legend-box.available{background:rgba(155,77,255,.15);border-color:rgba(155,77,255,.4)}
.legend-box.selected{background:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 6px var(--glow-pink)}
.legend-box.booked{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.35)}
.legend-box.blocked{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}
.legend-box.dimmed{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.04)}
.stage-label{text-align:center;padding:10px 16px;margin:0 auto 16px;max-width:400px;font-weight:700;color:var(--gold-text);font-size:.88rem;letter-spacing:.5px}
.charts-container{margin-bottom:20px}
.chart-section{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-bottom:20px}
.chart-title{text-align:center;font-family:'Reem Kufi Fun',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:10px}
.silver-groups{display:flex;flex-direction:column;gap:14px}
.silver-group{text-align:center}
.group-label{font-size:.78rem;color:var(--text-dim);font-weight:600;margin-bottom:8px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.seat-grid{display:inline-flex;flex-direction:column;gap:2px;direction:ltr;min-width:min-content}
.seat-row{display:flex;gap:2px;align-items:center}
.row-label{width:28px;min-width:28px;text-align:center;font-size:.6rem;font-weight:700;color:var(--text-dim)}
.col-nums .seat-cell.num{background:none!important;border:none!important;color:var(--text-dim);font-size:.55rem;cursor:default}
.seat-cell{width:24px;height:24px;min-width:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:600;transition:all .15s;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.seat-cell.empty{background:transparent;border:none}
.seat-cell.blocked{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.12);cursor:not-allowed}
.seat-cell.booked{background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.3);color:rgba(239,68,68,.5);cursor:not-allowed}
.seat-cell.dimmed{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.1);cursor:not-allowed}
.seat-cell.available{background:rgba(155,77,255,.1);border:1px solid rgba(155,77,255,.25);color:var(--platinum-text);cursor:pointer;-webkit-tap-highlight-color:transparent}
.seat-cell.available:active{transform:scale(1.2);background:rgba(155,77,255,.3)}
.seat-cell.selected,.seat-cell.available.selected{background:var(--neon-pink)!important;border-color:var(--neon-pink)!important;color:#fff!important;box-shadow:0 0 8px var(--glow-pink);transform:scale(1.05);z-index:2}
.seat-cell.confirmed-seat{background:rgba(16,185,129,.25)!important;border-color:rgba(16,185,129,.4)!important;color:#fff!important;cursor:default}

.customer-panel{max-width:700px;margin:0 auto;padding:24px 18px;margin-top:10px}
.customer-panel h3{font-family:'Reem Kufi Fun',sans-serif;margin-bottom:16px;font-size:1rem;color:var(--platinum-text)}
.customer-grid{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:20px}
.cust-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.cust-label{color:var(--text-dim);font-size:.82rem}.cust-value{font-weight:600;font-size:.88rem}
.action-row{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid rgba(155,77,255,.1)}
.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:700;font-family:inherit;font-size:.92rem;transition:all .3s;cursor:pointer;border:none}
.wa-btn{background:rgba(37,211,102,.12);color:var(--whatsapp);border:1px solid rgba(37,211,102,.25)}
.qr-btn{background:rgba(155,77,255,.1);color:var(--platinum-text);border:1px solid rgba(155,77,255,.25)}
.qr-preview{text-align:center;padding:16px;margin:16px 0;background:rgba(155,77,255,.04);border-radius:12px;border:1px solid rgba(155,77,255,.12)}

/* LOGIN */
.login-page{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:30px 0}
.login-card{max-width:400px;width:100%;padding:36px 24px;text-align:center}
.login-card h1{font-family:'Reem Kufi Fun',sans-serif;font-size:1.4rem;margin-bottom:6px}.login-card .login-sub{color:var(--text-dim);margin-bottom:24px;font-size:.88rem}
.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:18px;font-weight:600;font-size:.88rem}
.alert-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#f87171}
.alert-success{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:#34d399}
.footer{padding:24px 0;text-align:center;color:var(--text-dim);font-size:.78rem;border-top:1px solid rgba(155,77,255,.06);margin-top:40px;position:relative;z-index:1}
.results-count{margin-top:12px;text-align:left;color:var(--text-dim);font-size:.78rem}

/* TABLET 600px */
@media(min-width:600px){
body{font-size:15px}.container{max-width:580px}
.hero-banner{max-height:70vh}.hero-content h1{font-size:2rem}.hero-badges{flex-direction:row}
.pricing-grid{grid-template-columns:repeat(3,1fr)}.date-options{grid-template-columns:1fr 1fr}
.level-options{grid-template-columns:1fr 1fr}
.booking-form-wrapper{padding:36px 28px}.success-card{padding:40px 32px}.success-actions{flex-direction:row;justify-content:center}.btn-outline{display:inline-block;width:auto}
.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card .stat-value{font-size:1.8rem}
.booking-card-body{grid-template-columns:1fr 1fr 1fr}
.selection-bar{flex-direction:row;justify-content:space-between;align-items:center}
#selSeats{display:inline;margin-top:0;margin-right:10px}
.silver-groups{display:grid;grid-template-columns:repeat(3,1fr)}
.customer-grid{grid-template-columns:1fr 1fr}.action-row{flex-direction:row;justify-content:center}
.shows-grid{grid-template-columns:1fr 1fr}.shows-admin-grid{grid-template-columns:1fr 1fr}
.form-grid-2{grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px}
.form-grid-5{grid-template-columns:repeat(5,1fr);gap:12px}
.search-form{width:auto;margin-bottom:0}
}

/* DESKTOP 1024px */
@media(min-width:1024px){
body{font-size:16px}.container{max-width:1260px;padding:0 28px}
.mobile-toggle{display:none}
.nav-links{display:flex!important;flex-direction:row;position:static;background:none;padding:0;border:none;gap:6px}
.nav-links a{padding:8px 22px;font-size:.92rem}
.navbar .container{height:64px}.navbar-brand{font-size:1.45rem}
.hero-banner{max-height:75vh}.hero-overlay{padding:40px 0 32px}.hero-content h1{font-size:3rem}
.hero-content .tagline{font-size:1.15rem}.hero-badge{padding:10px 24px;font-size:.95rem}
.cta-button{padding:18px 52px;font-size:1.2rem}
.pricing-section{padding:70px 0 60px}.pricing-grid{max-width:960px;grid-template-columns:repeat(5,1fr);gap:16px}
.price-card{padding:32px 16px}.price-card .card-price{font-size:2rem}
.section-heading{font-size:2rem;margin-bottom:40px}
.seating-grid{max-width:1100px;margin:0 auto}
.booking-form-wrapper{padding:44px}.form-control{padding:15px 20px}
.total-price-display .amount{font-size:2rem}
.success-card{padding:52px 40px}.qr-code-img img{width:200px;height:200px}
.dashboard-page{padding:36px 0 70px}.dashboard-page h1{font-size:2rem;margin-bottom:32px}
.booking-cards{display:none!important}
.bookings-table-wrapper{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(155,77,255,.12);background:rgba(16,16,50,.5)}
.bookings-table{width:100%;border-collapse:collapse}
.bookings-table th{background:rgba(255,255,255,.02);padding:14px 12px;text-align:right;font-weight:700;font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(155,77,255,.1)}
.bookings-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.025);font-size:.85rem}
.bookings-table tbody tr{transition:background .2s}.bookings-table tbody tr:hover{background:rgba(155,77,255,.04)}
.assign-header h1{font-size:2rem}
.seat-cell{width:28px;height:28px;min-width:28px;font-size:.65rem;border-radius:5px}
.seat-cell.available:hover{transform:scale(1.15);background:rgba(155,77,255,.25);box-shadow:0 0 10px rgba(155,77,255,.2)}
.row-label{width:32px;min-width:32px;font-size:.68rem}
.selection-bar{position:sticky;top:64px;z-index:50}
.stage-label{font-size:1.05rem;padding:14px 24px}
.customer-panel{padding:32px}.login-card{padding:48px 40px}
.filters-bar{flex-wrap:wrap;overflow-x:visible}.filter-btn{font-size:.85rem;padding:8px 18px}
.shows-grid{grid-template-columns:1fr 1fr 1fr}.shows-admin-grid{grid-template-columns:1fr 1fr 1fr}
.level-options{grid-template-columns:repeat(5,1fr)}
.level-option label{flex-direction:column;text-align:center;padding:16px 8px}
}
@media print{body{background:#fff;color:#000}body::before{display:none}.navbar,.footer,.filters-bar,.action-btns,.cta-button,.selection-bar,.seat-legend,.mobile-toggle,.admin-tabs{display:none}}