:root{--color-primary: #10B981;--color-primary-dark: #0D9488;--color-primary-light: #34D399;--color-primary-glow: rgba(16, 185, 129, .3);--color-bg-primary: #0F172A;--color-bg-secondary: #1E293B;--color-bg-tertiary: #334155;--color-bg-glass: rgba(30, 41, 59, .8);--color-bg-glass-light: rgba(51, 65, 85, .5);--color-bg-hover: rgba(255, 255, 255, .05);--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-text-inverse: #0F172A;--color-border: rgba(255, 255, 255, .08);--color-border-active: rgba(16, 185, 129, .4);--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--gradient-primary: linear-gradient(135deg, #10B981, #0D9488);--gradient-accent: linear-gradient(135deg, #10B981, #3B82F6);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1a2744 50%, #0F172A 100%);--gradient-card: linear-gradient(145deg, rgba(30, 41, 59, .6), rgba(30, 41, 59, .3));--gradient-glow: linear-gradient(135deg, rgba(16, 185, 129, .15), rgba(13, 148, 136, .05));--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Outfit", "Inter", -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3), 0 4px 10px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(16, 185, 129, .15);--shadow-glow-strong: 0 0 40px rgba(16, 185, 129, .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.3;color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl);letter-spacing:-.5px}h2{font-size:var(--font-size-3xl);letter-spacing:-.3px}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}.navbar{position:sticky;top:0;z-index:100;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-lg)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.navbar-brand{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary)!important;display:flex;align-items:center;gap:10px;letter-spacing:-.5px;text-decoration:none}.navbar-brand-icon{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #10b9814d}.navbar-links{display:flex;align-items:center;gap:var(--spacing-sm)}.navbar-link{color:var(--color-text-secondary)!important;font-size:var(--font-size-sm);font-weight:500;padding:8px 16px;border-radius:var(--radius-md);transition:var(--transition-fast);position:relative;overflow:hidden}.navbar-link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.navbar-link:hover:after,.navbar-link.active:after{width:60%}.navbar-link:hover,.navbar-link.active{color:var(--color-primary)!important;background:#10b98114}.navbar-mobile-menu{display:none;position:absolute;top:68px;left:0;right:0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md);flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar-mobile-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);transition:var(--transition-fast);text-decoration:none}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--color-primary);background:#10b9811a}.navbar-profile-btn{display:flex;align-items:center;gap:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 14px;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;font-family:inherit;transition:var(--transition)}.navbar-profile-btn:hover{border-color:#ffffff26;background:#334155cc}.navbar-dropdown{position:absolute;top:110%;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px;min-width:200px;box-shadow:var(--shadow-xl);z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition-fast);font-size:.9rem;width:100%;background:none;border:none;cursor:pointer;font-family:inherit}.navbar-dropdown-item:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.navbar-dropdown-item.danger{color:var(--color-danger)}.navbar-dropdown-item.danger:hover{background:#ef44441a;color:var(--color-danger)}.navbar-dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 22px;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;line-height:1.5;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px #10b98133}.btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #10b98159;transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:#334155cc;color:var(--color-text-primary);border-color:#ffffff26}.btn-danger{background:#ef444426;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-sm{padding:6px 14px;font-size:var(--font-size-xs)}.btn-lg{padding:14px 32px;font-size:var(--font-size-base)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md)}.btn-book-pulse{animation:pulse-glow 2s ease-in-out infinite}.card{background:var(--gradient-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition)}.card:hover{border-color:#ffffff1f}.turf-card{padding:0;overflow:hidden;cursor:pointer}.turf-card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--color-border-active)}.turf-card-image-wrapper{position:relative;overflow:hidden}.turf-card-image{width:100%;height:200px;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.turf-card:hover .turf-card-image{transform:scale(1.08)}.turf-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.6) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.turf-card:hover .turf-card-overlay{opacity:1}.turf-card-body{padding:var(--spacing-md)}.turf-card-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card{background:var(--gradient-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;overflow:hidden;transition:var(--transition)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:var(--transition)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-card:hover:before{opacity:1}.stat-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--spacing-md)}.stat-card-value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;letter-spacing:.3px}.badge-primary{background:#10b98126;color:var(--color-primary);border:1px solid rgba(16,185,129,.3)}.badge-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.input-group{margin-bottom:var(--spacing-md)}.input-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:6px}.input-group input,.input-group select,.input-group textarea{width:100%;padding:11px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);transition:var(--transition-fast);outline:none}.input-group input::placeholder,.input-group select::placeholder,.input-group textarea::placeholder{color:var(--color-text-muted)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811f}.input-group input:disabled{opacity:.6;cursor:not-allowed}.input-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6.5 6.5 6.5-6.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.input-group select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.checkbox-group,.amenity-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.checkbox-item,.amenity-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 14px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.checkbox-item:hover,.amenity-item:hover{border-color:#ffffff26}.checkbox-item.selected,.amenity-item.selected{background:#10b9811f;border-color:#10b98166;color:var(--color-primary)}.toggle-group{display:flex;gap:4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px}.toggle-option{flex:1;padding:12px 16px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition);text-align:center}.toggle-option:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.toggle-option.active{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #10b98140}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse}thead{background:var(--color-bg-tertiary)}th{padding:12px 16px;text-align:left;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:14px 16px;font-size:var(--font-size-sm);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}tr:hover td{background:var(--color-bg-hover)}.sidebar-layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;overflow-y:auto}.sidebar-brand{padding:20px 24px;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:12px}.sidebar-brand-logo{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #10b9814d}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-lg);font-weight:800;line-height:1.2}.sidebar-brand-subtitle{font-size:.7rem;color:var(--color-text-muted);font-weight:400;letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{padding:var(--spacing-md) 0;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:var(--transition-fast);border-left:3px solid transparent;position:relative}.sidebar-link:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.sidebar-link.active{color:var(--color-primary);background:#10b98114;border-left-color:var(--color-primary)}.sidebar-link.active:after{content:"";position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.sidebar-content{flex:1;margin-left:260px;padding:var(--spacing-xl);min-height:100vh}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.5px}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:4px}.hero{position:relative;padding:100px 0;background-size:cover;background-position:center;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(15,23,42,.75) 0%,rgba(15,23,42,.85) 50%,var(--color-bg-primary) 100%);z-index:1}.hero:before{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);animation:float 20s ease-in-out infinite;z-index:2}.hero:after{content:"";position:absolute;bottom:-50%;right:-20%;width:50%;height:200%;background:radial-gradient(circle,rgba(13,148,136,.06) 0%,transparent 70%);animation:float 25s ease-in-out infinite reverse;z-index:2}.hero-content{position:relative;z-index:3;text-align:center;max-width:720px;margin:0 auto}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:var(--spacing-md)}.hero h1 .gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:560px;margin:0 auto var(--spacing-xl)}.hero-search{display:flex;gap:var(--spacing-sm);max-width:560px;margin:0 auto;background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:6px 6px 6px 20px;align-items:center;box-shadow:0 8px 32px #0000004d}.hero-search input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:8px 0}.hero-search input::placeholder{color:var(--color-text-muted)}.hero-search .btn{border-radius:var(--radius-lg);padding:12px 28px}.how-it-works .card{transition:var(--transition);border:1px solid var(--color-border)}.how-it-works .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--color-border-active)}.how-it-works-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:#10b9811a;color:var(--color-primary);font-size:1.5rem;transition:var(--transition)}.how-it-works .card:hover .how-it-works-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 16px #10b9814d}.hero-stats{display:flex;gap:40px;justify-content:center;margin-top:48px;flex-wrap:wrap}.hero-stat-item{text-align:center;position:relative}.hero-stat-item:not(:last-child):after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px;height:40px;background:#ffffff1a}.hero-stat-number{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.featured-sports{padding:80px 24px;position:relative}.featured-sports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1100px;margin:0 auto}.featured-sport-card{position:relative;height:200px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #0003}.featured-sport-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:1}.featured-sport-card:hover .featured-sport-image{transform:scale(1.15)}.featured-sport-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f172af2,#0f172a80 55%,#0f172a1a);z-index:2;transition:all .4s ease}.featured-sport-card:hover .featured-sport-overlay{background:linear-gradient(to top,#10b981d9,#0f172a66 60%,#0f172a1a)}.featured-sport-info{position:relative;z-index:3;padding:16px;display:flex;align-items:center;gap:10px}.featured-sport-emoji-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-size:1.2rem;transition:all .3s ease}.featured-sport-card:hover .featured-sport-emoji-badge{background:#fff3;transform:rotate(-10deg) scale(1.1)}.featured-sport-label{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.4)}.featured-sport-card.active{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.featured-sport-card.active .featured-sport-image{transform:scale(1.05)}.featured-sport-card.active .featured-sport-overlay{background:linear-gradient(to top,#10b981e6,#10b9814d 60%,#0f172a26)}.featured-sport-active-indicator{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b98140;border:1px solid rgba(16,185,129,.4);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:#34d399;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.active-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.filter-bar{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-md) 0;align-items:center}.filter-chip{padding:8px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-family);display:inline-flex;align-items:center;gap:6px}.filter-chip:hover{border-color:#ffffff26;color:var(--color-text-primary)}.filter-chip.active{background:#10b9811f;border-color:#10b98166;color:var(--color-primary)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--spacing-sm)}.slot-item{padding:12px;border-radius:var(--radius-md);text-align:center;cursor:pointer;border:1px solid var(--color-border);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.slot-item.available{background:var(--color-bg-tertiary)}.slot-item.available:hover{border-color:var(--color-primary);background:#10b98114}.slot-item.selected{background:#10b98126;border-color:var(--color-primary);box-shadow:0 0 12px #10b98126}.slot-item.booked{background:#ef444414;border-color:#ef444440;color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.slot-item.blocked{background:#64748b1a;border-color:#64748b33;color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.turf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.tabs{display:flex;gap:4px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--spacing-lg)}.tab{padding:10px 20px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast);flex:1;text-align:center}.tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.tab.active{background:var(--gradient-primary);color:#fff;font-weight:600}.calendar-grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:2px;background:var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.calendar-header{background:var(--color-bg-tertiary);padding:12px 8px;text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.calendar-time{background:var(--color-bg-secondary);padding:8px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.calendar-cell{background:var(--color-bg-primary);padding:6px;min-height:40px;cursor:pointer;transition:var(--transition-fast)}.calendar-cell:hover{background:var(--color-bg-hover)}.calendar-cell.available{background:#10b9810f}.calendar-cell.booked{background:#3b82f61f}.calendar-cell.blocked{background:#64748b14}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--spacing-2xl)}.step{display:flex;align-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;border:2px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-tertiary);transition:var(--transition)}.step.active .step-number{background:var(--gradient-primary);border-color:var(--color-primary);color:#fff}.step.completed .step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;display:none}.step.active .step-label,.step.completed .step-label{color:var(--color-text-secondary)}.step-connector{width:40px;height:2px;background:var(--color-border);margin:0 var(--spacing-sm)}.step.completed+.step-connector,.step-connector.completed{background:var(--color-primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl)}.pagination-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-secondary)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted);font-size:var(--font-size-sm);max-width:400px;margin:0 auto}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);min-height:300px;gap:var(--spacing-lg)}.loader-ring-wrapper{position:relative;width:72px;height:72px}.loader-ring{width:72px;height:72px;border-radius:50%;position:absolute;top:0;right:0;bottom:0;left:0}.loader-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--color-border)}.loader-ring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--color-primary);border-right-color:var(--color-primary);animation:spin .8s cubic-bezier(.5,0,.5,1) infinite}.loader-ring-inner{width:52px;height:52px;position:absolute;top:10px;left:10px}.loader-ring-inner:after{border-top-color:var(--color-primary-light);border-right-color:transparent;border-left-color:var(--color-primary-light);animation-direction:reverse;animation-duration:1.2s}.loader-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse-glow 2s ease-in-out infinite}.loader-ring .loader-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--gradient-primary);animation:pulse-glow 1.5s ease-in-out infinite}.loader-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;animation:fadeInUp .5s ease;position:relative;padding-right:16px}.loader-text:after{content:"|";position:absolute;right:0;animation:blink-cursor .8s step-end infinite;color:var(--color-primary);font-weight:300}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-3xl) 0 var(--spacing-2xl);margin-top:auto;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.3}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--spacing-xl)}.footer-brand{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--spacing-sm)}.footer h4{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.footer-link{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:4px 0;transition:var(--transition-fast)}.footer-link:hover{color:var(--color-primary);transform:translate(4px)}.footer-social-icons{display:flex;gap:10px;margin-top:var(--spacing-md)}.footer-social-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:1rem;transition:var(--transition);text-decoration:none}.footer-social-icon:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.footer-social-icon.twitter:hover{background:#1da1f2;border-color:#1da1f2}.footer-social-icon.instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737);border-color:transparent}.footer-social-icon.facebook:hover{background:#1877f2;border-color:#1877f2}.footer-social-icon.youtube:hover{background:red;border-color:red}.footer-newsletter{margin-top:var(--spacing-lg)}.footer-newsletter p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.footer-newsletter-form{display:flex;gap:var(--spacing-sm)}.footer-newsletter-form input{flex:1;padding:10px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;transition:var(--transition-fast)}.footer-newsletter-form input:focus{border-color:var(--color-primary)}.footer-newsletter-form input::placeholder{color:var(--color-text-muted)}.footer-contact-item{display:flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:6px 0;transition:var(--transition-fast);text-decoration:none}.footer-contact-item:hover{color:var(--color-primary)}.footer-contact-item svg{flex-shrink:0;color:var(--color-primary)}.footer-bottom{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-xs)}.photo-gallery{border-radius:var(--radius-xl);overflow:hidden}.photo-gallery .swiper-slide img{width:100%;height:400px;object-fit:cover}.auth-page{min-height:100vh;display:flex}.auth-left{flex:1;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;top:-30%;right:-30%;width:70%;height:160%;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);animation:float 15s ease-in-out infinite}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--color-bg-primary);position:relative;overflow:hidden}.auth-right-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172ad9,#0f172ab3);z-index:1}.auth-particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.auth-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#10b9814d;animation:particle-float-up linear infinite}.auth-particle:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s;width:4px;height:4px}.auth-particle:nth-child(2){left:25%;animation-duration:15s;animation-delay:2s;width:6px;height:6px}.auth-particle:nth-child(3){left:40%;animation-duration:10s;animation-delay:4s;width:3px;height:3px}.auth-particle:nth-child(4){left:55%;animation-duration:18s;animation-delay:1s;width:5px;height:5px}.auth-particle:nth-child(5){left:70%;animation-duration:14s;animation-delay:3s;width:4px;height:4px}.auth-particle:nth-child(6){left:85%;animation-duration:11s;animation-delay:5s;width:7px;height:7px}.auth-particle:nth-child(7){left:15%;animation-duration:16s;animation-delay:6s;width:3px;height:3px}.auth-particle:nth-child(8){left:60%;animation-duration:13s;animation-delay:7s;width:5px;height:5px}.auth-testimonial{margin-top:32px;padding:20px;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);max-width:360px;text-align:left}.auth-testimonial-quote{color:#fffc;font-size:var(--font-size-sm);line-height:1.7;font-style:italic;margin-bottom:12px}.auth-testimonial-author{display:flex;align-items:center;gap:10px}.auth-testimonial-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xs);font-weight:700}.auth-testimonial-name{font-size:var(--font-size-xs);color:#ffffffb3;font-weight:600}.auth-testimonial-role{font-size:.7rem;color:#fff6}.auth-trust-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full);color:var(--color-primary-light);font-size:var(--font-size-xs);font-weight:600;margin-top:24px}.auth-form-container{width:100%;max-width:420px}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:4px;margin-bottom:var(--spacing-lg)}.turf-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:flex-start}.avatar{border-radius:50%;overflow:hidden;object-fit:cover}.avatar-sm{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px}.avatar-lg{width:80px;height:80px;font-size:var(--font-size-3xl)}.filter-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.filter-section{margin-bottom:var(--spacing-lg)}.filter-section:last-child{margin-bottom:0}.filter-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.chart-card{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.chart-card h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 20px 4px #10b98126}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes particle-float-up{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}@keyframes gradient-border-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-glass-light) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:8px;width:80%}.skeleton-title{height:20px;margin-bottom:12px;width:60%}.skeleton-image{height:200px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.turf-card-price-pill{display:inline-flex;align-items:baseline;gap:2px;padding:4px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full)}.turf-card-price-pill .price-amount{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.15rem}.turf-card-price-pill .price-unit{font-size:.7rem;color:var(--color-text-muted);font-weight:400}.image-counter-badge{position:absolute;bottom:12px;right:12px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:#fff;z-index:5;display:flex;align-items:center;gap:4px}@media(max-width:1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-content{margin-left:0}.footer-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.turf-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.navbar-desktop{display:none!important}.navbar-mobile-toggle{display:flex!important}.navbar-mobile-menu{display:flex}.hero{padding:64px 0}.hero h1{font-size:var(--font-size-3xl)}.hero-search{flex-direction:column;border-radius:var(--radius-lg);padding:var(--spacing-sm)}.hero-search input{padding:10px 14px}.hero-search .btn{width:100%;border-radius:var(--radius-md)}.turf-grid{grid-template-columns:1fr}.auth-page{flex-direction:column}.auth-left{min-height:auto;padding:var(--spacing-xl)}.auth-right{display:none}.footer-grid,.stats-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.step-label{display:none!important}.calendar-grid{grid-template-columns:60px repeat(7,1fr);font-size:var(--font-size-xs)}.how-it-works div[style*="grid-template-columns: repeat(3"]{grid-template-columns:1fr!important}.hero-stats{gap:24px}.hero-stat-item:not(:last-child):after{display:none}.featured-sports-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}@media(max-width:480px){.container{padding:0 var(--spacing-md)}.sidebar-content,.card{padding:var(--spacing-md)}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.footer-newsletter-form{flex-direction:column}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:#10b98140;color:#fff}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex-between{display:flex;justify-content:space-between;align-items:center}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:var(--transition);background:var(--color-bg-tertiary)}.dropzone:hover,.dropzone.active{border-color:var(--color-primary);background:#10b9810d}.dropzone-preview{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}.dropzone-thumb{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--color-border)}.navbar-profile{position:relative}.navbar-avatar{background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.navbar-chevron{transition:transform .2s ease}.navbar-chevron-open{transform:rotate(180deg)}.navbar-dropdown-logout{color:var(--color-danger)}.navbar-dropdown-logout:hover{background:#ef44441a;color:var(--color-danger)}.navbar-mobile-logout{background:none;border:none;color:var(--color-danger);cursor:pointer;font-family:inherit;font-size:inherit;width:100%;text-align:left}.navbar-mobile-toggle{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:8px;font-size:1.5rem;align-items:center;justify-content:center}.footer-brand-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand-title svg{-webkit-text-fill-color:initial}.footer-brand-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8;margin-bottom:var(--spacing-md)}.footer-social-links{display:flex;gap:10px}.footer-col h3{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.footer-col a{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm);padding:4px 0;transition:var(--transition-fast);text-decoration:none}.footer-col a:hover{color:var(--color-primary);transform:translate(4px)}.footer-newsletter{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);background:var(--gradient-glow);border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl)}.footer-newsletter-content{flex:1}.footer-newsletter-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.footer-newsletter-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-newsletter-form{display:flex;gap:var(--spacing-sm);flex-shrink:0}.footer-newsletter-input-wrapper{position:relative;display:flex;align-items:center}.footer-newsletter-icon{position:absolute;left:14px;color:var(--color-text-muted);pointer-events:none}.footer-newsletter-input{padding:12px 16px 12px 42px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;transition:var(--transition-fast);width:280px}.footer-newsletter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811f}.footer-newsletter-input::placeholder{color:var(--color-text-muted)}.footer-newsletter-btn{white-space:nowrap}.turf-card-fav-btn{position:absolute;top:12px;right:12px;background:#00000080;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition);z-index:3}.turf-card-fav-btn:hover{background:#000000b3;transform:scale(1.1)}@media(max-width:768px){.how-it-works-grid{grid-template-columns:1fr!important}.footer-newsletter{flex-direction:column;text-align:center;padding:var(--spacing-lg)}.footer-newsletter-form{flex-direction:column;width:100%}.footer-newsletter-input{width:100%}.auth-right{display:none}.auth-left{min-height:auto}}@media(max-width:480px){.footer-newsletter-form{flex-direction:column}.footer-newsletter-input{width:100%}}