:root{--theme-primary: #0056fb;--theme-primary-dark: #0042c7;--theme-gradient: linear-gradient(180deg, #0056fb 0%, #0046d1 50%, #0036a1 100%);--theme-accent: #38bdf8;--theme-card-header: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--theme-badge-color: #0056fb;--bg: hsl(222 47% 6%);--bg-2: hsl(222 40% 9%);--card: hsl(222 35% 12% / .7);--card-solid: hsl(222 35% 12%);--border: hsl(220 30% 22% / .6);--text: hsl(210 40% 96%);--muted: hsl(215 20% 62%);--primary: hsl(165 85% 48%);--primary-2: hsl(84 85% 55%);--primary-glow: hsl(165 85% 48% / .35);--danger: hsl(350 85% 62%);--warning: hsl(38 95% 58%);--info: hsl(210 95% 65%);--radius: 16px;--grad: linear-gradient(135deg, var(--primary), var(--primary-2));--shadow: 0 10px 40px -10px hsl(222 60% 2% / .8)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,hsl(165 80% 30% / .15),transparent),radial-gradient(900px 500px at 100% 0%,hsl(84 80% 40% / .08),transparent),var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.container{width:min(1200px,92%);margin:0 auto}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;gap:20px}.mt{margin-top:24px}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c16b3;border-bottom:1px solid var(--border)}.nav .container{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-weight:800;font-size:1.5rem;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.logo span.dot{width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 16px var(--primary)}.nav-links{display:flex;gap:8px;align-items:center}.nav-links a:not(.btn){padding:8px 14px;border-radius:10px;color:var(--muted);transition:.2s}.nav-links a:not(.btn):hover,.nav-links a.active{color:var(--text);background:#242e4280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;border:1px solid var(--border);background:#1d253599;cursor:pointer;font-weight:600;transition:all .2s ease}.btn:hover{transform:translateY(-1px);border-color:#29a38599}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--grad);color:#0b111e;border:none;box-shadow:0 6px 24px -6px var(--primary-glow)}.btn-primary:hover{box-shadow:0 10px 30px -6px var(--primary-glow)}.btn-danger{color:var(--danger);border-color:#f04c6766}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:10px}.btn-lg{padding:14px 28px;font-size:1.05rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.card-hover{transition:transform .25s ease,border-color .25s ease}.card-hover:hover{transform:translateY(-4px);border-color:#22c39b80}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;color:var(--muted)}.input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid var(--border);background:#0c111dcc;outline:none;transition:.2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select.input option{background:var(--bg-2)}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/hero.jpg) center/cover;transform:scale(1.05);animation:zoom 20s ease-in-out infinite alternate}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bg) 15%,hsl(222 47% 6% / .55) 60%,hsl(222 47% 6% / .2)),linear-gradient(0deg,var(--bg),transparent 40%)}.hero-content{position:relative;max-width:640px;animation:fadeUp .8s ease both}.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;font-weight:800;letter-spacing:-1.5px}.hero p{font-size:1.15rem;color:var(--muted);margin:18px 0 28px}.badge-pill{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border-radius:999px;border:1px solid hsl(165 70% 45% / .4);background:#22c39b1a;color:var(--primary);font-size:.85rem;font-weight:600;margin-bottom:18px}.search-box{display:flex;gap:10px;padding:10px;border-radius:18px;background:#0f1524d9;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-wrap:wrap}.search-box .input{flex:1;min-width:150px;border:none;background:transparent}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:.2s;font-weight:500}.chip:hover{border-color:var(--primary)}.chip.active{background:var(--grad);color:#0b111e;border-color:transparent;font-weight:700}.venue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.venue-cover{height:150px;border-radius:12px;margin:-6px -6px 16px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px;font-size:2.4rem}.venue-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/hero.jpg) center/cover;filter:saturate(1.2);transition:transform .5s}.venue-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,hsl(222 47% 6% / .9),transparent 70%)}.venue-cover>*{position:relative;z-index:1}.card-hover:hover .venue-cover:before{transform:scale(1.08)}.price{font-weight:700;font-size:1.1rem}.date-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.date-item{min-width:72px;padding:10px;border-radius:14px;text-align:center;border:1px solid var(--border);background:var(--card);cursor:pointer;transition:.2s}.date-item b{display:block;font-size:1.3rem}.date-item small{color:var(--muted);font-size:.75rem}.date-item.active{background:var(--grad);color:#0b111e;border-color:transparent}.date-item.active small{color:#141f38}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.slot{padding:12px 6px;border-radius:12px;text-align:center;border:1px solid hsl(165 70% 45% / .35);background:#22c39b14;cursor:pointer;transition:.15s;font-weight:600}.slot small{display:block;font-weight:400;font-size:.72rem;color:var(--muted)}.slot:hover:not(.booked):not(.past){background:#22c39b33;transform:translateY(-2px)}.slot.selected{background:var(--grad);color:#0b111e;border-color:transparent}.slot.selected small{color:#141f38}.slot.booked{border-color:#dd3c574d;background:#dd3c5714;color:#e08594;cursor:not-allowed;text-decoration:line-through}.slot.past{opacity:.35;cursor:not-allowed;border-color:var(--border);background:transparent}.legend{display:flex;gap:16px;font-size:.85rem;color:var(--muted)}.legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:6px;vertical-align:-1px}.court-tabs{display:flex;gap:10px;flex-wrap:wrap}.court-tab{padding:12px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;transition:.2s}.court-tab.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.booking-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.sticky{position:sticky;top:90px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge.pending{background:#faaf2e26;color:var(--warning)}.badge.confirmed{background:#51a6fb26;color:var(--info)}.badge.paid,.badge.income{background:#12e2ae26;color:var(--primary)}.badge.done{background:#a0ee2b26;color:var(--primary-2)}.badge.cancelled,.badge.expense{background:#f04c6726;color:var(--danger)}.admin{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0a0f1ae6;border-right:1px solid var(--border);padding:22px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px}.sidebar .logo{margin:0 8px 22px}.side-link{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;color:var(--muted);transition:.2s;font-weight:500}.side-link:hover{background:#1d253599;color:var(--text)}.side-link.active{background:#22c39b1f;color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.side-foot{margin-top:auto;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--border);font-size:.9rem}.admin-main{padding:28px 32px;overflow-x:hidden}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.stat{position:relative;overflow:hidden;animation:fadeUp .5s ease both}.stat .icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:1.3rem;background:#22c39b1f;margin-bottom:14px}.stat .value{font-size:1.7rem;font-weight:700;letter-spacing:-.5px}.stat .label{color:var(--muted);font-size:.9rem}.stat:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--grad);opacity:.07}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;color:var(--muted);font-weight:500;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px;border-bottom:1px solid hsl(220 30% 22% / .3)}tr:hover td{background:#1d25354d}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;animation:fade .2s;padding:16px}.modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--card-solid);animation:fadeUp .25s ease}.auth-wrap{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:30px 0}.auth-card{width:min(420px,92%)}.demo-accounts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toast{position:fixed;bottom:24px;right:24px;z-index:200;padding:14px 20px;border-radius:14px;background:var(--card-solid);border:1px solid var(--border);box-shadow:var(--shadow);animation:fadeUp .3s ease;max-width:360px}.toast.success{border-color:var(--primary)}.toast.error{border-color:var(--danger)}.empty{text-align:center;padding:40px;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}footer{border-top:1px solid var(--border);padding:30px 0;margin-top:60px;color:var(--muted);font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes zoom{to{transform:scale(1.15)}}@media (max-width: 900px){.booking-layout,.admin{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:12px}.sidebar .logo,.side-foot{display:none}.side-link{white-space:nowrap}.admin-main{padding:20px 16px}.nav-links a:not(.btn){display:none}}.app-shell-public{min-height:100vh;display:flex;flex-direction:column}.main-content-container{flex:1}.android-home-wrapper{width:min(1080px,92%);margin:0 auto;padding:18px 0 90px}.home-header-android{position:relative;margin-bottom:18px}.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.location-selector{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);padding:6px 14px;border-radius:999px;cursor:pointer;transition:.2s ease}.location-selector:hover{border-color:var(--primary);background:#192134}.location-pin{font-size:1.1rem}.location-info{display:flex;flex-direction:column;line-height:1.15}.location-subtitle{font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.location-current{display:flex;align-items:center;gap:4px;font-size:.88rem}.arrow-down{font-size:.75rem;color:var(--primary)}.header-actions{display:flex;align-items:center;gap:10px}.icon-circle-btn{position:relative;width:40px;height:40px;border-radius:50%;background:var(--card);border:1px solid var(--border);color:var(--text);display:grid;place-items:center;font-size:1.1rem;cursor:pointer;transition:.2s}.icon-circle-btn:hover{border-color:var(--primary);transform:scale(1.05)}.unread-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger)}.user-avatar-btn{width:40px;height:40px;border-radius:50%;background:var(--grad);color:#0b111e;font-weight:700;display:grid;place-items:center;font-size:1rem;box-shadow:0 0 12px var(--primary-glow)}.login-pill-btn{padding:8px 18px;border-radius:999px;background:var(--grad);color:#0b111e;font-weight:700;font-size:.85rem;box-shadow:0 4px 14px var(--primary-glow)}.header-greeting{margin-top:16px}.header-greeting h2{font-size:1.45rem;font-weight:800;letter-spacing:-.5px}.header-greeting p{font-size:.9rem;margin-top:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:min(480px,100%);background:var(--card-solid);border-top-left-radius:24px;border-top-right-radius:24px;border:1px solid var(--border);border-bottom:none;padding:24px 20px 32px;box-shadow:var(--shadow);animation:fadeUp .25s ease}.modal-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-sheet-header h3{font-size:1.15rem}.close-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;color:var(--muted)}.city-options-list{display:flex;flex-direction:column;gap:8px}.city-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#0e1320;color:var(--text);font-size:.95rem;cursor:pointer;transition:.15s}.city-item:hover,.city-item.active{border-color:var(--primary);background:#12e2ae1a;color:var(--primary);font-weight:600}.city-item .check{font-weight:800}.notif-dropdown{position:absolute;top:52px;right:0;width:min(320px,90vw);z-index:100;padding:14px}.notif-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.notif-body{display:flex;flex-direction:column;gap:10px}.notif-item{display:flex;gap:10px;padding:8px;border-radius:10px;background:#0e132099}.notif-icon{font-size:1.2rem}.home-search-bar-wrap{margin:14px 0 20px}.home-search-bar{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;background:#111827e6;border:1px solid var(--border);border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px -5px #02040899;transition:.2s}.home-search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon{font-size:1.1rem}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:.95rem;color:var(--text)}.search-input::placeholder{color:var(--muted);font-size:.9rem}.clear-search-btn{background:transparent;border:none;color:var(--muted);font-size:.85rem;cursor:pointer;padding:4px}.search-submit-btn{padding:8px 16px;border-radius:12px;background:var(--grad);border:none;color:#0b111e;font-weight:700;font-size:.85rem;cursor:pointer;transition:.15s}.search-submit-btn:hover{transform:scale(1.02)}.promo-carousel-container{margin-bottom:22px}.promo-banner-card{position:relative;padding:20px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid hsl(165 70% 45% / .3);animation:fadeUp .3s ease}.banner-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#0006;font-size:.68rem;font-weight:800;letter-spacing:.8px;color:var(--primary-2);margin-bottom:8px}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.banner-texts h3{font-size:1.25rem;font-weight:800;line-height:1.2}.banner-texts p{font-size:.82rem;color:#e0e6eb;margin:6px 0 14px;max-width:320px}.banner-cta-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:10px;background:#fffffff2;color:#0b111e;font-weight:700;font-size:.8rem;transition:.2s}.banner-cta-btn:hover{background:#fff;transform:translate(3px)}.banner-illustration{font-size:3.2rem;opacity:.9;filter:drop-shadow(0 4px 12px hsl(0 0% 0% / .4))}.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.dot-pill{width:18px;height:4px;border-radius:2px;border:none;background:#2d3953;cursor:pointer;transition:.25s ease}.dot-pill.active{width:32px;background:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.quick-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.action-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;border-radius:16px;background:var(--card);border:1px solid var(--border);transition:transform .2s ease,border-color .2s ease}.action-tile:hover{transform:translateY(-3px);border-color:var(--primary)}.action-icon-circle{position:relative;width:48px;height:48px;border-radius:16px;background:#192134;display:grid;place-items:center;font-size:1.4rem;box-shadow:inset 0 1px 1px #ffffff1a}.action-badge{position:absolute;top:-6px;right:-8px;padding:2px 6px;border-radius:999px;background:var(--grad);color:#0b111e;font-size:.62rem;font-weight:800;white-space:nowrap}.action-label{font-size:.78rem;font-weight:600;text-align:center;color:var(--text)}.flash-booking-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:linear-gradient(90deg,#faaf2e1f,#12e2ae14);border:1px solid hsl(38 95% 58% / .3);margin-bottom:26px}.flash-icon-box{width:42px;height:42px;border-radius:12px;background:#faaf2e33;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.flash-texts{flex:1}.flash-texts h4{font-size:.95rem;font-weight:700;color:var(--warning)}.flash-texts p{font-size:.78rem;margin-top:2px}.flash-btn{padding:8px 16px;border-radius:10px;background:var(--warning);color:#0b111e;font-size:.8rem;font-weight:700;flex-shrink:0;transition:.15s}.flash-btn:hover{transform:scale(1.03)}.home-section-block{margin-bottom:28px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.section-title{font-size:1.25rem;font-weight:800;letter-spacing:-.3px}.section-subtitle{font-size:.82rem;color:var(--muted);margin-top:2px}.see-all-link{font-size:.85rem;font-weight:700;color:var(--primary);white-space:nowrap}.reset-filter-link{background:transparent;border:none;color:var(--warning);font-size:.82rem;font-weight:600;cursor:pointer}.sport-categories-section{overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.sport-categories-section::-webkit-scrollbar{display:none}.categories-scroll-row{display:flex;gap:10px}.sport-chip-android{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:.9rem}.sport-chip-android:hover{border-color:var(--primary)}.sport-chip-android.active{background:var(--grad);border-color:transparent;color:#0b111e;font-weight:700;box-shadow:0 4px 16px -2px var(--primary-glow)}.android-venue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.venue-card-android{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease}.venue-card-android:hover{transform:translateY(-4px);border-color:#22c39b80}.card-link-wrapper{display:block;color:inherit}.card-cover-media{position:relative;height:140px;background:url(/hero.jpg) center/cover;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080c1666,#080c16d9)}.top-badges{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px}.badge-verified{padding:3px 8px;border-radius:999px;background:#12e2aed9;color:#0b111e;font-size:.65rem;font-weight:700}.badge-status{padding:3px 8px;border-radius:999px;background:#0009;color:var(--text);font-size:.65rem;font-weight:500}.sports-emojis{position:relative;z-index:1;display:flex;gap:6px;flex-wrap:wrap}.sport-pill-tag{padding:2px 8px;border-radius:6px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.72rem;font-weight:600}.card-info-body{padding:14px 16px 16px}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.venue-title{font-size:1.15rem;font-weight:800;letter-spacing:-.3px}.rating-pill{display:flex;align-items:center;gap:4px;background:#faaf2e26;padding:2px 8px;border-radius:999px;font-size:.78rem;color:var(--warning)}.venue-location-row{display:flex;align-items:center;gap:6px;font-size:.82rem;margin:6px 0 10px}.card-court-stat{display:flex;align-items:center;gap:8px;font-size:.78rem;margin-bottom:14px}.card-bottom-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px}.price-block{display:flex;flex-direction:column}.price-label{font-size:.68rem;color:var(--muted);text-transform:uppercase}.price-amount{font-size:1.1rem}.btn-select-slot{display:inline-flex;align-items:center;padding:8px 16px;border-radius:12px;background:var(--grad);color:#0b111e;font-weight:700;font-size:.82rem;transition:transform .15s ease}.btn-select-slot:hover{transform:translate(2px)}.empty-android{text-align:center;padding:36px 20px}.empty-icon{font-size:2.8rem;display:block;margin-bottom:10px}.home-partner-cta{padding:24px;border-radius:20px;background:linear-gradient(135deg,#192134,#0e1320);border:1px solid var(--border);margin-top:10px}.partner-content h4{font-size:1.2rem;margin:8px 0 4px}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0b111ef0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:99;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.72rem;font-weight:600;text-decoration:none;padding:6px 12px;border-radius:12px;transition:all .2s ease}.mobile-bottom-nav .nav-item .icon{font-size:1.25rem;transition:transform .2s ease}.mobile-bottom-nav .nav-item:hover{color:var(--text)}.mobile-bottom-nav .nav-item.active{color:var(--primary)}.mobile-bottom-nav .nav-item.active .icon{transform:scale(1.15);filter:drop-shadow(0 0 6px var(--primary-glow))}.mobile-app-frame{max-width:480px;margin:0 auto;min-height:100vh;background:#f1f5f9;position:relative;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column}@media (max-width: 500px){.mobile-app-frame{max-width:100%;box-shadow:none}}.esekolah-header-wrapper{background:linear-gradient(165deg,#0747da,#0056fb,#06f);padding:24px 18px 46px;border-bottom-left-radius:32px;border-bottom-right-radius:32px;color:#fff;position:relative;box-shadow:0 12px 30px #0050f040}.esekolah-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.app-brand-badge{display:flex;align-items:center;gap:8px}.brand-icon{font-size:1.3rem;background:#ffffff2e;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3)}.brand-name{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:#fff}.pro-badge-pill{font-size:.65rem;font-weight:800;background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;padding:3px 8px;border-radius:999px;letter-spacing:.5px;box-shadow:0 2px 8px #ff572266}.top-action-buttons{display:flex;align-items:center;gap:10px}.action-icon-circle{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;cursor:pointer;border:none;transition:transform .15s ease;position:relative;text-decoration:none}.action-icon-circle:hover{transform:scale(1.06)}.notif-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.badge-count-red{position:absolute;top:-3px;right:-3px;width:17px;height:17px;background:#ef4444;color:#fff;border-radius:50%;font-size:.62rem;font-weight:800;display:grid;place-items:center;border:2px solid #0056fb}.exit-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #dc262659}.user-profile-section{display:flex;align-items:center;gap:14px}.avatar-squircle{position:relative;width:60px;height:60px;border-radius:20px;background:#1e5bff;border:2.5px solid rgba(255,255,255,.85);display:grid;place-items:center;box-shadow:0 6px 16px #00000026;flex-shrink:0}.avatar-initials{font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:-.5px}.online-indicator-dot{position:absolute;bottom:0;right:0;width:14px;height:14px;border-radius:50%;background:#10b981;border:2.5px solid #0056fb}.user-text-info{display:flex;flex-direction:column;line-height:1.25}.greeting-row{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#ffffffe6}.user-fullname{font-size:1.18rem;font-weight:800;color:#fff;letter-spacing:-.3px;margin:2px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.date-time-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ffffff2e;font-size:.72rem;font-weight:500;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);width:fit-content}.notif-popup-card{position:absolute;top:70px;right:18px;width:280px;background:#fff;color:#0f172a;border-radius:18px;box-shadow:0 10px 30px #0003;padding:14px;z-index:100;animation:fadeUp .2s ease}.notif-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.notif-popup-header button{background:transparent;border:none;font-size:1rem;cursor:pointer}.notif-popup-list{display:flex;flex-direction:column;gap:10px}.notif-popup-item{display:flex;gap:10px;font-size:.78rem}.notif-popup-item span{font-size:1.2rem}.notif-popup-item p{color:#64748b;margin-top:2px}.mobile-app-body{padding:0 16px 110px;flex:1}.quick-stats-card-sheet{background:#fff;border-radius:24px;padding:16px 12px;box-shadow:0 8px 24px #0032a014;margin-top:-28px;position:relative;z-index:5;margin-bottom:14px}.quick-stats-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-item-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}.stat-squircle-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;position:relative;transition:transform .2s ease;box-shadow:0 4px 12px #0000000f}.stat-item-link:hover .stat-squircle-icon{transform:translateY(-2px)}.stat-green{background:#10b981}.stat-red{background:#ef4444}.stat-orange{background:#f59e0b}.stat-teal{background:#06b6d4}.emoji-icon{font-size:1.4rem}.stat-badge-counter{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid #ffffff}.stat-item-label{font-size:.78rem;font-weight:600;color:#334155;text-align:center}.dual-big-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.big-action-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:20px;text-decoration:none;color:#fff;box-shadow:0 8px 20px #00000014;transition:transform .2s ease}.big-action-card:hover{transform:translateY(-2px)}.card-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 18px #10b9814d}.card-red{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 18px #ef44444d}.big-icon-bubble{width:42px;height:42px;border-radius:14px;background:#ffffff38;display:grid;place-items:center;font-size:1.35rem;flex-shrink:0}.big-action-text{display:flex;flex-direction:column;line-height:1.15}.action-title{font-size:.95rem;font-weight:800;letter-spacing:-.2px}.action-subtitle{font-size:.72rem;color:#ffffffd9;margin-top:3px}.blue-menu-grid-wrapper{margin-bottom:22px}.blue-menu-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px}.blue-menu-item-link{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none}.blue-squircle-button{width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,#06f,#0052cc);display:grid;place-items:center;box-shadow:0 8px 18px #0066ff4d;transition:transform .2s ease,box-shadow .2s ease}.blue-menu-item-link:hover .blue-squircle-button{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 22px #0066ff73}.menu-icon-emoji{font-size:1.55rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.blue-menu-label{font-size:.76rem;font-weight:700;color:#1e293b;text-align:center;letter-spacing:-.2px}.history-section-wrapper{margin-bottom:20px}.history-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.history-title{font-size:1.05rem;font-weight:800;color:#0f172a;letter-spacing:-.3px}.view-all-link{font-size:.82rem;font-weight:700;color:#06f;text-decoration:none}.view-all-link:hover{text-decoration:underline}.history-list-cards{display:flex;flex-direction:column;gap:10px}.history-card-item{background:#fff;border-radius:18px;padding:12px 14px;box-shadow:0 4px 14px #001e5a0d;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(226,232,240,.8);text-decoration:none;color:inherit;transition:transform .15s ease}.history-card-item:hover{transform:translateY(-2px)}.history-card-left{display:flex;align-items:center;gap:12px}.history-sport-icon{width:44px;height:44px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center;font-size:1.3rem;flex-shrink:0}.history-details{display:flex;flex-direction:column;line-height:1.25}.venue-name-bold{font-size:.92rem;font-weight:700;color:#0f172a}.court-and-date{font-size:.76rem;color:#64748b;margin:2px 0 4px}.booking-time-badge{font-size:.7rem;color:#06f;font-weight:600}.history-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.status-pill{padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:capitalize}.price-tag-sm{font-size:.82rem;font-weight:700;color:#0f172a}.bottom-nav-floating-container{position:fixed;bottom:14px;left:0;right:0;display:flex;justify-content:center;z-index:100;pointer-events:none}.bottom-nav-capsule{pointer-events:auto;width:min(440px,92%);height:64px;background:#fff;border-radius:36px;box-shadow:0 12px 35px #001e5a29;border:1px solid rgba(226,232,240,.9);display:flex;align-items:center;justify-content:space-around;padding:0 8px;position:relative}.capsule-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#94a3b8;font-size:.68rem;font-weight:700;transition:all .2s ease;width:60px}.tab-icon{font-size:1.25rem;transition:transform .2s ease}.capsule-tab-item.active{color:#06f}.capsule-tab-item.active .tab-icon{transform:scale(1.1)}.center-fab-wrapper{position:relative;width:58px;height:58px;margin-top:-28px}.center-fab-circle{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#06f,#004ecc);border:4px solid #ffffff;box-shadow:0 8px 24px #0066ff73;display:grid;place-items:center;text-decoration:none;transition:transform .2s ease}.center-fab-circle:hover{transform:scale(1.08)}.fab-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.alfa-mobile-frame{max-width:480px;margin:0 auto;min-height:100vh;background:#f8fafc;position:relative;box-shadow:0 10px 40px #00000059;display:flex;flex-direction:column}@media (max-width: 500px){.alfa-mobile-frame{max-width:100%;box-shadow:none}}.alfagift-header-container{background:var(--theme-gradient);padding:16px 16px 36px;color:#fff;position:relative;transition:background .3s ease}.alfa-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.alfa-location-picker{cursor:pointer;line-height:1.2}.alfa-location-caption{font-size:.72rem;color:#ffffffd9;display:block}.alfa-location-title-row{display:flex;align-items:center;gap:6px;margin:2px 0}.alfa-location-main-title{font-size:1.15rem;font-weight:800;letter-spacing:-.3px;color:#fff}.alfa-badge-pill{background:#fff;color:var(--theme-primary);font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:999px;box-shadow:0 2px 6px #00000026}.alfa-dropdown-caret{font-size:.8rem;color:#fff}.alfa-address-sub{font-size:.72rem;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.alfa-action-icons-group{display:flex;align-items:center;gap:8px}.alfa-top-icon-btn{width:36px;height:36px;border-radius:50%;background:#ffffff38;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:1.1rem;display:grid;place-items:center;cursor:pointer;position:relative;transition:transform .15s ease,background .2s ease}.alfa-top-icon-btn:hover{transform:scale(1.08);background:#ffffff52}.alfa-notif-ping{position:absolute;top:5px;right:5px;width:9px;height:9px;background:#ef4444;border-radius:50%;border:2px solid #ffffff}.alfa-search-action-row{display:flex;align-items:center;gap:8px;margin-top:14px}.alfa-search-card{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 4px 14px #00000014}.search-magnifier{font-size:1.05rem;color:#64748b}.alfa-search-input{border:none;outline:none;background:transparent;width:100%;font-size:.88rem;color:#1e293b}.alfa-search-input::placeholder{color:#94a3b8}.alfa-tool-btn{width:40px;height:40px;background:#ffffff40;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;color:#fff;border:1px solid rgba(255,255,255,.4);cursor:pointer;transition:transform .15s ease}.alfa-tool-btn:hover{transform:scale(1.06)}.alfa-body-content{padding:0 14px 130px;background:#f8fafc;flex:1}.alfa-member-card-wrapper{margin-top:-26px;position:relative;z-index:10;margin-bottom:18px}.alfa-member-card{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #00000014;border:1px solid #e2e8f0}.alfa-card-top-header{background:var(--theme-card-header);padding:12px 16px;color:#fff;display:flex;justify-content:space-between;align-items:center}.alfa-user-greet h3{font-size:1.1rem;font-weight:800;letter-spacing:-.3px;margin:0;color:#fff}.alfa-tier-pill{display:flex;align-items:center;gap:4px;background:#00000038;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:800;color:#fff;text-decoration:none}.tier-arrow{font-size:.9rem}.alfa-card-stats-body{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 6px;text-align:center}.alfa-stat-col{display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid #f1f5f9}.alfa-stat-col:last-child{border-right:none}.stat-val-row{display:flex;align-items:center;gap:4px}.stat-badge-coin{display:inline-grid;place-items:center;width:18px;height:18px;background:#f59e0b;color:#fff;border-radius:50%;font-size:.65rem;font-weight:900}.stat-number{font-size:1.05rem;font-weight:800;color:#0f172a}.stat-subtext{font-size:.7rem;color:#64748b;font-weight:500}.alfa-alert-warning-bar{background:#fffbeb;border:1px solid #fef3c7;color:#b45309;padding:7px 12px;margin:0 12px;border-radius:8px;font-size:.72rem;display:flex;align-items:center;gap:6px}.warning-dot{font-size:.85rem}.alfa-card-footer-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-top:1px solid #f1f5f9;margin-top:10px}.alfa-wallet-link{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:#0284c7;cursor:pointer}.alfa-barcode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;font-size:.74rem;font-weight:700;color:#0f172a;cursor:pointer;transition:.15s ease}.alfa-barcode-btn:hover{background:#f1f5f9;border-color:#94a3b8}.barcode-bars{font-size:.85rem;letter-spacing:1px}.alfa-promo-banner-section{margin-bottom:22px}.alfa-promo-slide-card{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:20px;color:#fff;text-decoration:none;box-shadow:0 8px 24px #0000001f;transition:transform .2s ease}.alfa-promo-slide-card:hover{transform:translateY(-2px)}.alfa-promo-top-tag{display:inline-block;background:#0000004d;padding:3px 10px;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.5px;margin-bottom:6px;color:#fef08a}.alfa-promo-headline{font-size:1.25rem;font-weight:900;line-height:1.15;color:#fff;margin:0}.alfa-promo-subline{font-size:.78rem;color:#ffffffeb;margin:6px 0 10px}.alfa-promo-bullets{display:flex;gap:8px;flex-wrap:wrap}.alfa-bullet-item{font-size:.68rem;background:#00000040;padding:2px 8px;border-radius:6px;font-weight:600}.green-check{color:#4ade80;font-weight:800}.big-promo-emoji{font-size:3.4rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.alfa-banner-controls-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0 4px}.alfa-dots-strip{display:flex;gap:5px;align-items:center}.alfa-dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all .2s ease}.alfa-dot.active{background:var(--theme-primary);width:18px;border-radius:999px}.alfa-see-all-promo-link{font-size:.8rem;font-weight:700;color:var(--theme-primary);text-decoration:none}.alfa-categories-section{margin-bottom:24px}.alfa-grid-5x2{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 6px}.alfa-cat-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}.alfa-cat-icon-circle{width:50px;height:50px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;display:grid;place-items:center;font-size:1.4rem;position:relative;box-shadow:0 4px 10px #0000000a;transition:transform .2s ease,border-color .2s ease}.alfa-cat-tile:hover .alfa-cat-icon-circle{transform:translateY(-2px);border-color:var(--theme-primary)}.alfa-cat-badge{position:absolute;top:-6px;left:-4px;padding:1px 5px;border-radius:999px;font-size:.52rem;font-weight:800;color:#fff;text-transform:uppercase}.alfa-cat-badge.promo{background:#9333ea}.alfa-cat-badge.live{background:#ef4444}.alfa-cat-badge.hot{background:#f97316}.alfa-cat-badge.poin{background:#0284c7}.alfa-cat-label{font-size:.68rem;font-weight:600;color:#334155;text-align:center;line-height:1.15;max-width:62px}.alfa-sticky-toast-container{position:fixed;bottom:66px;left:0;right:0;display:flex;justify-content:center;z-index:95;pointer-events:none}.alfa-sticky-toast-bar{pointer-events:auto;width:min(450px,94%);background:var(--theme-primary);color:#fff;padding:8px 14px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px #00000047;transition:background .3s ease}.toast-left-info{display:flex;align-items:center;gap:10px}.toast-fire-icon{font-size:1.25rem}.toast-text-wrap{display:flex;flex-direction:column;line-height:1.15}.toast-headline{font-size:.8rem;letter-spacing:-.2px}.toast-subtext{font-size:.68rem;color:#ffffffe6}.toast-action-btn{background:#fff;color:var(--theme-primary);font-weight:800;font-size:.74rem;padding:5px 14px;border-radius:8px;text-decoration:none;transition:transform .15s ease}.toast-action-btn:hover{transform:scale(1.05)}.alfa-bottom-nav-container{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:100;background:#fff;border-top:1px solid #e2e8f0;height:60px}.alfa-bottom-nav-bar{width:min(480px,100%);display:flex;justify-content:space-around;align-items:center;height:100%}.alfa-tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#94a3b8;font-size:.68rem;font-weight:600;text-decoration:none;width:60px;transition:color .2s ease}.tab-glyph{font-size:1.25rem}.alfa-tab-item.active{color:var(--theme-primary);font-weight:800}.theme-selector-sheet{width:min(460px,100%);background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;padding:22px 20px 30px;box-shadow:var(--shadow);animation:fadeUp .25s ease}.theme-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.theme-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-option-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .2s ease;text-align:left}.theme-option-card:hover{border-color:#cbd5e1;background:#f1f5f9}.theme-option-card.selected{border-color:var(--theme-primary);background:#f0f7ff}.color-preview-circle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:.9rem;box-shadow:0 4px 10px #00000026;flex-shrink:0}.theme-name-label{font-size:.82rem;font-weight:700;color:#0f172a}.alfa-venues-page-wrapper{background:#f8fafc;min-height:100vh}.alfa-venues-header-wrapper{position:sticky;top:0;z-index:40;background:var(--theme-primary);box-shadow:0 4px 14px #0000001f}.alfa-venues-topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#fff}.alfa-venues-topbar-left{display:flex;align-items:center;gap:12px}.alfa-back-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.alfa-back-btn:hover{background:#ffffff40;transform:translate(-2px)}.alfa-venues-page-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.3px}.alfa-venues-topbar-right{display:flex;align-items:center;gap:10px}.alfa-icon-action-btn{background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;cursor:pointer;position:relative;transition:all .2s ease}.alfa-icon-action-btn:hover,.alfa-icon-action-btn.active{background:#ffffff4d;transform:scale(1.05)}.alfa-cart-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #ffffff}.alfa-venues-search-bar{padding:0 16px 12px}.alfa-venues-search-inner{display:flex;align-items:center;background:#fff;border-radius:12px;padding:8px 14px;gap:10px;box-shadow:0 2px 8px #00000014}.alfa-venues-search-inner .search-icon{font-size:1rem;opacity:.6}.alfa-venues-search-inner input{flex:1;border:none;outline:none;font-size:.88rem;color:#1e293b;background:transparent}.clear-search-btn{background:#f1f5f9;border:none;color:#64748b;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;cursor:pointer}.alfa-venues-subtabs{display:flex;background:#fff;border-bottom:1px solid #e2e8f0}.alfa-subtab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 8px;background:transparent;border:none;font-size:.88rem;font-weight:600;color:#64748b;cursor:pointer;position:relative;transition:all .2s ease}.alfa-subtab-btn.active{color:var(--theme-primary);font-weight:800}.subtab-active-indicator{position:absolute;bottom:0;left:15%;right:15%;height:3px;background:var(--theme-primary);border-top-left-radius:4px;border-top-right-radius:4px}.subtab-icon{font-size:1.05rem}.alfa-venues-body{padding:16px 14px 90px}.alfa-recom-section{margin-bottom:24px}.alfa-recom-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.alfa-recom-title{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0}.alfa-section-sub{font-size:.75rem;color:#64748b;margin-top:2px}.alfa-see-all-link-btn{background:none;border:none;color:var(--theme-primary);font-size:.82rem;font-weight:700;cursor:pointer;padding:4px 6px;transition:opacity .2s ease}.alfa-see-all-link-btn:hover{opacity:.8;text-decoration:underline}.alfa-recom-horizontal-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.alfa-recom-horizontal-scroll::-webkit-scrollbar{height:4px}.alfa-recom-horizontal-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.alfa-court-product-card{flex:0 0 162px;width:162px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #0000000a;scroll-snap-align:start;transition:transform .2s ease,box-shadow .2s ease}.alfa-court-product-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000014}.alfa-court-card-media{position:relative;height:124px;width:100%;background:#f1f5f9;overflow:hidden}.alfa-court-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.alfa-court-product-card:hover .alfa-court-img{transform:scale(1.05)}.alfa-card-fav-btn{position:absolute;top:8px;right:8px;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;cursor:pointer;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.alfa-card-fav-btn:hover{transform:scale(1.15)}.alfa-card-fav-btn.is-fav{background:#fff}.alfa-court-spec-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.75) 100%);color:#fff;font-size:.65rem;font-weight:700;padding:10px 8px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alfa-court-card-body{padding:10px 10px 12px;display:flex;flex-direction:column;flex:1}.alfa-court-title-link{text-decoration:none}.alfa-court-name{font-size:.82rem;font-weight:700;color:#1e293b;line-height:1.25;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:33px}.alfa-court-venue-sub{font-size:.68rem;color:#64748b;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alfa-court-price-box{display:flex;align-items:baseline;gap:3px;margin-bottom:5px}.alfa-court-price-val{font-size:.92rem;font-weight:800;color:#0f172a}.alfa-court-price-unit{font-size:.68rem;color:#64748b}.alfa-instant-badge{display:flex;align-items:center;gap:3px;font-size:.62rem;font-weight:700;color:#b45309;background:#fef3c7;padding:2px 6px;border-radius:4px;width:fit-content;margin-bottom:10px}.flash-icon{font-size:.72rem}.alfa-btn-add-booking{display:block;text-align:center;background:var(--theme-primary);color:#fff;padding:7px 0;border-radius:10px;font-size:.8rem;font-weight:700;text-decoration:none;margin-top:auto;box-shadow:0 3px 8px #0056fb40;transition:all .2s ease}.alfa-btn-add-booking:hover{filter:brightness(1.1);transform:translateY(-1px)}.alfa-categories-browser-section{margin-bottom:24px}.alfa-categories-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px}.alfa-category-tile-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:10px 6px;cursor:pointer;transition:all .2s ease}.alfa-category-tile-btn:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d}.alfa-category-tile-btn.selected{border-color:var(--theme-primary);background:#f0f7ff;box-shadow:0 0 0 2px #0056fb26}.alfa-category-icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;transition:transform .2s ease}.alfa-category-tile-btn:hover .alfa-category-icon-box{transform:scale(1.08)}.cat-icon-emoji{font-size:1.7rem}.alfa-category-name{font-size:.72rem;font-weight:700;color:#1e293b;text-align:center;line-height:1.2}.alfa-all-venues-section{margin-bottom:20px}.alfa-filter-chips-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:14px;-webkit-overflow-scrolling:touch}.alfa-filter-chip{flex-shrink:0;padding:6px 14px;background:#fff;border:1px solid #cbd5e1;border-radius:999px;font-size:.78rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.alfa-filter-chip:hover{border-color:#94a3b8;background:#f8fafc}.alfa-filter-chip.active{background:var(--theme-primary);color:#fff;border-color:var(--theme-primary);font-weight:700;box-shadow:0 2px 8px #0056fb40}.alfa-venues-listing-grid{display:flex;flex-direction:column;gap:14px}.alfa-fav-grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fav-card-item{width:100%!important;flex:none!important}.alfa-empty-state-box{background:#fff;border-radius:16px;border:1px dashed #cbd5e1;padding:36px 20px;text-align:center;margin-top:10px}.alfa-empty-state-box .empty-icon{font-size:2.8rem;display:block;margin-bottom:12px}.alfa-empty-state-box h4{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:6px}.alfa-btn-reset-filter{display:inline-block;margin-top:16px;background:var(--theme-primary);color:#fff;border:none;padding:9px 20px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.alfa-btn-reset-filter:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 768px){header.nav{display:none!important}}