@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/icon?family=Material+Icons";:root{--bg-primary:#090e1a;--bg-secondary:#0f1729;--bg-tertiary:#141f38;--surface-primary:#10192d;--surface-secondary:#16213c;--surface-tertiary:#1e2e52;--color-primary:#18b451;--color-primary-hover:#159945;--color-primary-light:#e9fcf0;--color-primary-glow:#18b45126;--color-secondary:#f1f5f9;--color-secondary-hover:#d4e0ed;--color-success:#16a249;--color-danger:#ef4343;--color-danger-hover:#eb1e1e;--color-warning:#f59f0a;--color-info:#0da2e7;--text-primary:#f8fafc;--text-secondary:#b3bdcc;--text-muted:#808ea3;--text-dark:#0f1729;--border-color:#1b294b;--border-color-light:#16213c;--border-glow:#18b4514d;--glass-border:#ffffff14;--glass-bg:#0f172aa6;--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--sidebar-width:260px;--sidebar-collapsed-width:80px;--navbar-height:70px;--footer-height:60px;--max-width:1400px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-glow:0 0 20px #18b45140;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#e0e6eb;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#e7ebef;--color-secondary:#10192d;--color-secondary-hover:#1b294b;--text-primary:#10192d;--text-secondary:#3d4e66;--text-muted:#718198;--text-dark:#0f1729;--border-color:#d4dbe2;--border-color-light:#e7ebef;--glass-border:#00000014;--glass-bg:#ffffffbf;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #18b45126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);font-weight:700;line-height:1.25}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-glow)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8e4c2826}50%{box-shadow:0 0 25px #8e4c2859}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}.glass-panel,.glass-panel-interactive{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.glass-panel-interactive{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-panel-interactive:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.container{width:100%;max-width:var(--max-width);padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin-left:auto;margin-right:auto}@media (width>=768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.flex{display:flex}.flex-column{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-wrap{flex-wrap:wrap}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.dashboard-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1400px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}@media (width<=767px){.hide-mobile{display:none!important}}@media (width>=768px){.show-mobile-only{display:none!important}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.cursor-pointer{cursor:pointer}.btn-content{justify-content:center;align-items:center;gap:inherit;display:inline-flex}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.85rem}.btn-md{border-radius:var(--radius-md);padding:.6rem 1.25rem;font-size:.95rem}.btn-lg{border-radius:var(--radius-lg);padding:.8rem 1.75rem;font-size:1.1rem}.btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background-color:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-tertiary);border-color:var(--border-color-light);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.card{background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--shadow-md);overflow:hidden}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-md)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.form-group{margin-bottom:var(--spacing-md)}.form-label{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem;font-weight:500;display:block}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow);outline:none}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{resize:vertical;min-height:100px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-primary{background-color:var(--color-primary-glow);color:var(--color-primary)}.badge-secondary{background-color:var(--surface-tertiary);color:var(--text-secondary)}.text-gradient{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.theme-toggle-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-color);background-color:var(--surface-primary);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:var(--surface-tertiary);color:var(--color-primary);border-color:var(--border-glow);box-shadow:0 0 12px var(--color-primary-glow);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}.theme-icon{transition:transform var(--transition-normal)}.theme-toggle-btn:hover .sun-icon{transform:rotate(45deg)}.theme-toggle-btn:hover .moon-icon{transform:rotate(-15deg)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;width:100vw;height:100vh;padding:var(--spacing-md);animation:fadeIn var(--transition-fast) forwards;background-color:#030712bf;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-sm{max-width:480px}.modal-md{max-width:640px}.modal-lg{max-width:800px}.modal-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close-btn{padding:var(--spacing-xs);color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.subscription-container{max-width:1200px;padding:var(--spacing-xl) var(--spacing-md);align-items:center;gap:var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.subscription-header{text-align:center;align-items:center;gap:var(--spacing-sm);max-width:750px;margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.subscription-badge{color:#ef4444;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--spacing-xs);background:#ef44441a;border:1px solid #ef444433;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:700;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%{opacity:.9}50%{opacity:.6}to{opacity:.9}}.subscription-header h1{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.subscription-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.subscription-loading{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:60vh;display:flex}.subscription-loading p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.subscription-error-banner{color:#ef4444;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);text-align:center;background:#ef444414;border:1px solid #ef444433;width:100%;max-width:600px;font-size:.95rem;font-weight:500}.plans-grid{gap:var(--spacing-lg);width:100%;margin-top:var(--spacing-sm);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}.plan-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.plan-card:hover{border-color:rgba(var(--color-primary-rgb,16, 185, 129), .3);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.plan-card.popular{border:2px solid var(--color-primary);box-shadow:0 10px 15px -3px rgba(var(--color-primary-rgb,16, 185, 129), .1), 0 4px 6px -2px rgba(var(--color-primary-rgb,16, 185, 129), .05);transform:scale(1)}.plan-card.popular:hover{box-shadow:0 20px 25px -5px rgba(var(--color-primary-rgb,16, 185, 129), .15), 0 10px 10px -5px rgba(var(--color-primary-rgb,16, 185, 129), .1);transform:translateY(-8px)scale(1.01)}.popular-tag{background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:15px;right:15px}.plan-card-header{margin-bottom:var(--spacing-md)}.plan-card-header h3{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.4rem;font-weight:700}.plan-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);min-height:42px;font-size:.9rem;line-height:1.5}.plan-price{color:var(--text-primary);align-items:baseline;display:flex}.plan-price .currency{margin-right:2px;font-size:1.5rem;font-weight:700}.plan-price .amount{letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.plan-price .period{color:var(--text-secondary);margin-left:6px;font-size:.9rem;font-weight:500}.plan-features{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-grow:1}.plan-features h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.85rem;font-weight:700}.plan-features ul{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plan-features li{align-items:flex-start;gap:var(--spacing-xs);color:var(--text-primary);font-size:.95rem;line-height:1.4;display:flex}.feature-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.plan-card-footer{margin-top:auto}.subscription-footer-info{text-align:center;margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:.95rem}.subscription-footer-info a{color:var(--color-primary);font-weight:600;text-decoration:none}.subscription-footer-info a:hover{text-decoration:underline}@media (width>=640px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-8px)}.subscription-header h1{font-size:3rem}}@media (width>=1024px){.plans-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card.popular{transform:scale(1.05)}.plan-card.popular:hover{transform:translateY(-8px)scale(1.06)}.subscription-container{padding:var(--spacing-xxl) var(--spacing-lg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-layout{background-color:var(--bg-primary);width:100vw;max-width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.admin-sidebar{width:var(--sidebar-width);background-color:var(--surface-primary);border-right:1px solid var(--border-color);z-index:100;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-brand{height:var(--navbar-height);padding:0 var(--spacing-lg);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);display:flex}.brand-icon{color:var(--color-primary)}.brand-name{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.25rem;font-weight:800}.brand-badge{background-color:var(--color-primary-glow);color:var(--color-primary);border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px;font-size:.7rem;font-weight:700}.sidebar-nav{padding:var(--spacing-lg) var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.nav-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;display:flex}.nav-link:hover{background-color:var(--surface-secondary);color:var(--text-primary)}.nav-link.active{background-color:var(--color-primary-glow);color:var(--color-primary)}.nav-link.locked{opacity:.55;cursor:not-allowed}.nav-link.locked:hover{color:var(--text-secondary);background-color:#0000}.lock-badge{transition:transform var(--transition-fast);flex-shrink:0}.nav-link.locked:hover .lock-badge{color:var(--text-primary);transform:scale(1.1)}.nav-icon{flex-shrink:0}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.user-profile{align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-xs);border-radius:var(--radius-md);transition:background-color var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;display:flex;overflow:hidden}.user-profile:hover{background-color:var(--surface-secondary);border-color:var(--border-color)}.user-avatar{border-radius:var(--radius-full);background-color:var(--color-primary);width:40px;height:40px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-email{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);font-size:.75rem}.admin-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;min-width:0;display:flex}.admin-navbar{height:var(--navbar-height);background-color:var(--surface-primary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-lg);z-index:90;justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.navbar-brand-logo{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.navbar-toggle{color:var(--text-primary);flex-shrink:0;display:none}.navbar-actions{align-items:center;margin-left:auto;display:flex}.logout-btn{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;display:flex}.logout-btn:hover{background-color:var(--surface-tertiary);color:var(--color-danger)}.admin-content{padding:var(--spacing-lg);width:100%;max-width:var(--max-width);flex:1;min-width:0;margin:0 auto}.admin-footer{height:var(--footer-height);border-top:1px solid var(--border-color);padding:0 var(--spacing-lg);color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}@media (width<=1023px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.is-open{transform:translate(0)}.admin-main{margin-left:0}.navbar-toggle{justify-content:center;align-items:center;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;width:100vw;height:100vh;animation:fadeIn var(--transition-fast) forwards;background-color:#03071299;position:fixed;top:0;left:0}}@media (width<=767px){.admin-content{padding:var(--spacing-sm)}.admin-navbar{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.navbar-left{gap:var(--spacing-sm)}.logout-btn span{display:none}.logout-btn{padding:var(--spacing-sm)}}.auth-layout{background-color:var(--bg-primary);width:100vw;min-height:100vh;padding:var(--spacing-lg) var(--spacing-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-glow{border-radius:var(--radius-full);-webkit-filter:blur(100px);opacity:.12;z-index:1;pointer-events:none;position:absolute}.glow-1{background-color:var(--color-primary);width:400px;height:400px;animation:12s ease-in-out infinite alternate float-glow-1;top:-100px;left:-100px}.glow-2{background-color:var(--color-info);width:500px;height:500px;animation:15s ease-in-out infinite alternate float-glow-2;bottom:-150px;right:-100px}@keyframes float-glow-1{0%{transform:translate(0)scale(1)}to{transform:translate(50px,30px)scale(1.1)}}@keyframes float-glow-2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,-40px)scale(.9)}}.auth-container{z-index:10;width:100%;max-width:440px;animation:slideUp var(--transition-normal) forwards;flex-direction:column;align-items:center;display:flex;position:relative}.auth-header{text-align:center;margin-bottom:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.auth-logo{color:var(--color-primary);margin-bottom:var(--spacing-xs);filter:drop-shadow(0 0 10px var(--color-primary-glow))}.auth-brand-name{font-family:var(--font-sans);letter-spacing:-1px;color:var(--text-primary);font-size:2rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.auth-card{width:100%;padding:var(--spacing-xl)}@media (width<=480px){.auth-card{padding:var(--spacing-lg)}}.navbar{z-index:100;height:var(--navbar-height);border-top:none;border-left:none;border-right:none;border-radius:0;position:sticky;top:0}.navbar>.container{height:100%}.nav-link{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500}.nav-link:hover{color:var(--color-primary);background-color:var(--surface-secondary)}.navbar-hamburger{color:var(--text-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar-hamburger:hover{background-color:var(--surface-secondary)}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:199;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);background-color:#03071266;position:fixed;inset:0}.mobile-sidebar-overlay.active{opacity:1;pointer-events:auto}.mobile-sidebar{background-color:var(--surface-primary);border-left:1px solid var(--border-color);z-index:200;width:300px;padding:var(--spacing-lg);transition:right var(--transition-normal);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:-300px}.mobile-sidebar.active{right:0}.sidebar-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.sidebar-close{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-close:hover{color:var(--text-primary);background-color:var(--surface-secondary)}.sidebar-link{color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);font-size:1.1rem;font-weight:500;display:block}.sidebar-link:hover{color:var(--color-primary);background-color:var(--surface-secondary)}.sidebar-divider{background-color:var(--border-color);height:1px;margin:var(--spacing-sm) 0}.input-group{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.input-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:500}.input-required-star{color:var(--color-danger)}.input-container{align-items:center;width:100%;display:flex;position:relative}.input-field{background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:.65rem 1rem;font-size:.95rem}.input-field::placeholder{color:var(--text-muted);opacity:.7}.input-field:hover:not(:disabled){border-color:var(--border-glow)}.input-field:focus:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background-color:var(--surface-secondary);outline:none}.input-icon-left{color:var(--text-muted);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:1rem}.input-field-with-icon{padding-left:2.75rem}.input-has-error .input-field{border-color:var(--color-danger)}.input-has-error .input-field:focus{box-shadow:0 0 0 3px #ef444426}.input-error-msg{color:var(--color-danger);margin-top:.1rem;font-size:.825rem}.input-field:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-color-light);cursor:not-allowed;opacity:.7}.auth-card-title{text-align:center;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.5rem;font-weight:700}.auth-card-text{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem}.auth-error-banner{color:var(--color-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:#ef44441f;border:1px solid #ef444440;width:100%;font-size:.85rem;line-height:1.4}.auth-form{width:100%}.auth-card-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--text-secondary);font-size:.9rem}.auth-redirect-link{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600}.auth-redirect-link:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-success-banner{color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:#22c55e1f;border:1px solid #22c55e40;width:100%;font-size:.875rem;line-height:1.5}.dashboard-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.dashboard-subtitle{color:var(--text-secondary);font-size:.95rem}.metrics-grid{grid-template-columns:1fr}@media (width>=640px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-card{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.metric-icon-wrap{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-icon-wrap.primary{background-color:var(--color-primary-glow);color:var(--color-primary)}.metric-icon-wrap.info{color:var(--color-info);background-color:#0ea5e926}.metric-icon-wrap.success{color:var(--color-success);background-color:#22c55e26}.metric-value{color:var(--text-primary);letter-spacing:-1px;font-size:2.25rem;font-weight:800;line-height:1}.metric-trend{align-items:center;font-size:.85rem;font-weight:600;display:flex}.metric-trend.success{color:var(--color-success)}.metric-trend.danger{color:var(--color-danger)}.dashboard-section{padding:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-lg)}.badge{background-color:var(--surface-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);padding:4px 8px;font-size:.75rem;font-weight:600}.table-responsive{width:100%;overflow-x:auto}.dashboard-table{border-collapse:collapse;text-align:left;width:100%}.dashboard-table th{padding:var(--spacing-md);color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);letter-spacing:.5px;font-size:.85rem;font-weight:600}.dashboard-table td{padding:var(--spacing-md);color:var(--text-secondary);border-bottom:1px solid var(--border-color-light);white-space:nowrap;font-size:.95rem}.dashboard-table tbody tr{transition:background-color var(--transition-fast)}.dashboard-table tbody tr:hover{background-color:var(--surface-secondary)}.status-badge{border-radius:var(--radius-sm);padding:3px 8px;font-size:.8rem;font-weight:600;display:inline-block}@media (width<=767px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)!important}.dashboard-table thead{display:none}.dashboard-table,.dashboard-table tbody,.dashboard-table tr,.dashboard-table td{width:100%;display:block}.dashboard-table tr{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.dashboard-table td{text-align:right;justify-content:space-between;align-items:center;font-size:.85rem;display:flex;border-bottom:1px solid var(--border-color-light)!important;padding:var(--spacing-sm) 0!important}.dashboard-table td:last-child{border-bottom:none!important;padding-bottom:0!important}.dashboard-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;text-align:left;margin-right:var(--spacing-md);font-size:.75rem;font-weight:700}.dashboard-table td .customer-info,.dashboard-table td .flex{text-align:right;align-items:flex-end}}.dashboard-analytics-section{gap:var(--spacing-md);flex-direction:column;display:flex}.timeframe-selector{background-color:var(--surface-tertiary);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:4px}.btn-timeframe{color:var(--text-secondary);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 14px;font-size:.85rem;font-weight:600}.btn-timeframe:hover{color:var(--text-primary)}.btn-timeframe.active{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--text-dark)!important}.charts-grid{gap:var(--spacing-lg);margin-top:var(--spacing-sm);grid-template-columns:1fr;width:100%;min-width:0;display:grid}@media (width>=1024px){.charts-grid{grid-template-columns:repeat(2,1fr)}.charts-grid .chart-card:first-child{grid-column:span 2}}.chart-card{background-color:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;display:flex}.chart-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-glow);transform:translateY(-2px)}.chart-title{color:var(--text-primary);letter-spacing:-.2px;font-size:1rem;font-weight:700}.chart-container{width:100%;min-width:0;height:280px;position:relative}.chart-container canvas{max-width:100%;display:block;width:100%!important}.horizontal-calendar{gap:var(--spacing-sm);padding:var(--spacing-xs) 0 var(--spacing-md) 0;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;display:flex;overflow-x:auto}.horizontal-calendar::-webkit-scrollbar{height:6px}.horizontal-calendar::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:var(--radius-sm)}.calendar-day-card{padding:var(--spacing-sm) var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-secondary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:0 0 70px;justify-content:center;align-items:center;display:flex}.calendar-day-card:hover{border-color:var(--color-primary)}.calendar-day-card.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.calendar-day-card.active .month-name,.calendar-day-card.active .day-name{color:#ffffffd9}.calendar-day-card .month-name{text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600}.calendar-day-card .day-num{margin:var(--spacing-xs) 0;font-size:1.25rem;font-weight:700}.calendar-day-card .day-name{color:var(--text-secondary);font-size:.75rem;font-weight:600}.dashboard-slots-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.dashboard-slot-card{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);background:var(--surface-primary)}.dashboard-slot-card:hover{border-color:var(--border-glow);transform:translateY(-1px)}.dashboard-slot-card.available{border-left:4px solid var(--color-success)}.dashboard-slot-card.booked{border-left:4px solid var(--color-danger);background:#ef444408}.dashboard-slot-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.dashboard-slot-time{font-size:.95rem;font-weight:700}.dashboard-slot-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 6px;font-size:.75rem;font-weight:600}.dashboard-slot-status.available{color:var(--color-success);background:#10b98126}.dashboard-slot-status.booked{color:var(--color-danger);background:#ef444426}.dashboard-hours-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:480px;margin-top:var(--spacing-md);scrollbar-width:thin;overflow-y:auto}.dashboard-hours-table{border-collapse:collapse;width:100%}.dashboard-hours-table th{background:var(--surface-secondary);z-index:1;color:var(--text-secondary);border-bottom:2px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;position:sticky;top:0}.dashboard-hours-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);vertical-align:middle}.dashboard-hours-table tr.available-row{cursor:pointer;transition:background-color var(--transition-fast)}.dashboard-hours-table tr.available-row:hover{background-color:#10b9810a}.dashboard-hours-table tr.selected-row{border-left:4px solid var(--color-success);background-color:#10b9811f!important}.status-badge.not-available{color:var(--text-secondary);background:#94a3b826}.dashboard-hours-table th:first-child,.dashboard-hours-table td:first-child{white-space:nowrap;width:20%}.dashboard-hours-table th:last-child,.dashboard-hours-table td:last-child{width:80%}@media (width<=767px){.dashboard-hours-table th:first-child,.dashboard-hours-table td:first-child{width:140px!important;min-width:140px!important}.dashboard-hours-table th:last-child,.dashboard-hours-table td:last-child{width:auto!important}}.my-turf-page{padding:var(--spacing-md);max-width:var(--max-width);margin:0 auto}.my-turf-header{margin-bottom:var(--spacing-xl)}.my-turf-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.my-turf-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.my-turf-form-container{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}.form-section-title{color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color-light);font-size:1.15rem;font-weight:700}.form-grid-2,.form-grid-3{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}}.textarea-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.textarea-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.textarea-field{padding:var(--spacing-md);background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);resize:vertical;min-height:120px;transition:all var(--transition-fast);font-size:.95rem}.textarea-field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.toggles-group{gap:var(--spacing-md);margin:var(--spacing-md) 0;flex-direction:column;display:flex}.toggle-container{padding:var(--spacing-md);background-color:var(--surface-primary);border-radius:var(--radius-md);border:1px solid var(--border-color-light);justify-content:space-between;align-items:center;display:flex}.toggle-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.toggle-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.toggle-desc{color:var(--text-muted);font-size:.8rem}.switch{flex-shrink:0;width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--surface-tertiary);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-primary)}input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}input:checked+.slider:before{transform:translate(22px)}.images-input-section{gap:var(--spacing-md);flex-direction:column;display:flex}.image-input-row{gap:var(--spacing-sm);align-items:center;display:flex}.image-previews-grid{gap:var(--spacing-md);margin-top:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.image-preview-card{aspect-ratio:16/10;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--surface-primary);position:relative;overflow:hidden}.image-preview-card img{object-fit:cover;width:100%;height:100%}.remove-img-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:22px;height:22px;transition:background-color var(--transition-fast);background-color:#ef4444e6;border:none;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;top:4px;right:4px}.remove-img-btn:hover{background-color:var(--color-danger)}.alert-banner{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.alert-banner.success{color:var(--color-success);background-color:#22c55e1f;border:1px solid #22c55e33}.alert-banner.error{color:var(--color-danger);background-color:#ef44441f;border:1px solid #ef444433}.creation-prompt{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl)}.creation-prompt-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700}.creation-prompt-desc{color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:500px;margin-left:auto;margin-right:auto}.city-dropdown{z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:200px;box-shadow:var(--shadow-lg);margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.city-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border-color-light);transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.city-dropdown-item:last-child{border-bottom:none}.city-dropdown-item:hover{background-color:var(--surface-tertiary)}.city-dropdown-item .city-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.city-dropdown-item .city-state{color:var(--text-muted);font-size:.75rem}@media (width<=767px){.my-turf-form-container{padding:var(--spacing-md)}.my-turf-page{padding:0}}.turf-grounds-page{max-width:var(--max-width);margin:0 auto}.grounds-header{margin-bottom:var(--spacing-sm)}.grounds-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.grounds-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.info-banner{padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--surface-primary);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl);align-items:center;gap:var(--spacing-md);display:flex}.info-banner-content{flex-grow:1}.info-banner-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.info-banner-desc{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.grounds-grid{gap:var(--spacing-lg);margin-top:var(--spacing-sm);grid-template-columns:1fr;display:grid}@media (width>=768px){.grounds-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.grounds-grid{grid-template-columns:repeat(3,1fr)}}.ground-card{padding:var(--spacing-lg);min-height:180px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.ground-card:hover{box-shadow:var(--shadow-glow);border-color:var(--color-primary-glow);transform:translateY(-4px)}.ground-card-header{justify-content:space-between;align-items:flex-start;display:flex}.ground-name{color:var(--text-primary);font-size:1.2rem;font-weight:700}.ground-size-badge{background-color:var(--color-primary-glow);color:var(--color-primary);border-radius:var(--radius-full);text-transform:uppercase;padding:4px 10px;font-size:.75rem;font-weight:700}.ground-game-info{margin:var(--spacing-md) 0;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem;display:flex}.ground-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);border-top:1px solid var(--border-color-light);padding-top:var(--spacing-sm);display:flex}.slots-page{max-width:var(--max-width);margin:0 auto}.slots-header{margin-bottom:var(--spacing-md)}.slots-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.slots-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.slots-filters-panel{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--spacing-xl)}@media (width>=768px){.filters-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.slots-grid{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.slot-card{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--surface-primary);transition:all var(--transition-fast);flex-direction:column;justify-content:space-between;display:flex}.slot-card:hover{border-color:var(--color-primary-glow);box-shadow:var(--shadow-glow)}.slot-card-header{justify-content:space-between;align-items:center;display:flex}.slot-time{color:var(--text-primary);font-size:1.1rem;font-weight:700}.slot-status{border-radius:var(--radius-full);text-transform:uppercase;padding:2px 8px;font-size:.75rem;font-weight:700}.slot-status.available{color:var(--color-success);background-color:#22c55e1f}.slot-status.booked{color:var(--color-info);background-color:#0ea5e91f}.slot-body{margin:var(--spacing-md) 0 var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.slot-rate{color:var(--color-primary);font-size:1.15rem;font-weight:800}.slot-date-label{color:var(--text-secondary);font-size:.85rem}.slot-footer{justify-content:flex-end;gap:var(--spacing-xs);border-top:1px solid var(--border-color-light);padding-top:var(--spacing-sm);display:flex}.form-input-time{background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);padding:10px 14px}.form-input-time:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.slots-stats-container{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.slots-stat-card{padding:var(--spacing-md);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:4px;display:flex}.slots-stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.slots-stat-card .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.slots-stat-card .stat-value.available{color:var(--color-success)}.slots-stat-card .stat-value.booked{color:var(--color-info)}@media (width<=576px){.slots-stats-container{gap:var(--spacing-sm);grid-template-columns:1fr}}.bookings-page{padding:var(--spacing-md);max-width:var(--max-width);margin:0 auto}.bookings-header{margin-bottom:var(--spacing-xl)}.bookings-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.bookings-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.bookings-filters{justify-content:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.filter-tab{background-color:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:6px 16px;font-size:.85rem;font-weight:600}.filter-tab:hover{background-color:var(--surface-tertiary);color:var(--text-primary)}.filter-tab.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.bookings-table-container{padding:var(--spacing-lg);width:100%;max-width:100%;overflow:hidden}.booking-status{border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.booking-status.pending{color:var(--color-warning);background-color:#eab3081f}.booking-status.approved{color:var(--color-success);background-color:#22c55e1f}.booking-status.cancelled{color:var(--color-danger);background-color:#ef44441f}.customer-info{flex-direction:column;gap:2px;display:flex}.customer-name{color:var(--text-primary);font-weight:600}.customer-email{color:var(--text-muted);font-size:.8rem}.wizard-stepper{margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.step-node{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background-color:var(--surface-secondary);border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-size:.85rem;font-weight:600}.step-node.active{background-color:var(--color-primary-glow);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow);font-weight:700}.step-node.completed{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.step-line{background-color:var(--border-color);height:2px;margin:0 var(--spacing-sm);transition:background-color var(--transition-fast);flex-grow:1}.step-line.completed{background-color:var(--color-primary)}.calendar-header{margin-bottom:var(--spacing-md)}.calendar-nav-btn{background:var(--surface-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-size:.85rem;font-weight:600}.calendar-nav-btn:hover{background:var(--surface-tertiary);border-color:var(--text-muted)}.calendar-month-year{color:var(--text-primary);font-size:1.1rem;font-weight:700}.calendar-grid-weekdays{text-align:center;color:var(--text-muted);margin-bottom:var(--spacing-sm);grid-template-columns:repeat(7,1fr);font-size:.85rem;font-weight:600;display:grid}.calendar-grid-weekdays .weekday{padding:var(--spacing-xs) 0}.calendar-grid-days{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.calendar-cell{color:var(--text-primary);aspect-ratio:1;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;display:flex}.calendar-cell.empty{cursor:default}.calendar-cell.day{cursor:pointer;background-color:var(--surface-secondary);border-color:var(--border-color-light)}.calendar-cell.day:hover{background-color:var(--surface-tertiary);border-color:var(--text-muted)}.calendar-cell.day.today{border:2px solid var(--color-primary);font-weight:700}.calendar-cell.day.selected{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.selected-date-title{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.selected-date-title .highlight{color:var(--color-primary);font-weight:700}.hours-grid-container{gap:var(--spacing-xs);flex-direction:column;display:flex}.hours-selection-grid{gap:var(--spacing-sm);margin-top:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:240px;padding:2px;display:grid;overflow-y:auto}.hour-pill{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);flex-direction:column;align-items:center;gap:4px;display:flex}.hour-pill:hover{background-color:var(--surface-tertiary);border-color:var(--text-muted)}.hour-pill.selected{background-color:var(--color-primary-glow);border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.hour-pill .time-range{text-wrap:nowrap;font-size:.85rem;font-weight:600}.hour-pill .rate{color:var(--color-primary);font-size:.85rem;font-weight:700}.hour-pill.selected .rate{color:var(--text-primary)}.no-hours-warn{color:var(--color-warning);padding:var(--spacing-md);border-radius:var(--radius-sm);text-align:center;background-color:#eab30814;border:1px solid #eab30833;font-size:.9rem}.booking-summary-card{padding:var(--spacing-md);border-radius:var(--radius-md);background-color:var(--surface-secondary);border:1px solid var(--border-color)}.summary-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.summary-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem}.summary-total{color:var(--text-secondary);font-size:.95rem;font-weight:600}.summary-total .price{color:var(--color-primary);margin-left:var(--spacing-xs);font-size:1.25rem;font-weight:800}@media (width<=767px){.bookings-page{padding:0}.bookings-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.bookings-header>div{text-align:center}.bookings-header button{width:100%}.bookings-filters{justify-content:center;width:100%}.filter-tab{text-align:center;flex:auto;padding:6px 12px;font-size:.8rem}.bookings-table-container{padding:var(--spacing-sm)}.wizard-stepper{gap:var(--spacing-xs);flex-direction:row;justify-content:center;align-items:center}.step-line{height:1px;margin:0}.step-node{padding:4px var(--spacing-sm);font-size:.75rem}.calendar-cell{font-size:.8rem}.calendar-month-year{font-size:1rem}.calendar-nav-btn{padding:4px 8px;font-size:.8rem}.hours-selection-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.booking-summary-card{gap:var(--spacing-sm);text-align:center;flex-direction:column}.dashboard-table thead{display:none}.dashboard-table,.dashboard-table tbody,.dashboard-table tr,.dashboard-table td{width:100%;display:block}.dashboard-table tr{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.dashboard-table td{text-align:right;justify-content:space-between;align-items:center;font-size:.85rem;display:flex;border-bottom:1px solid var(--border-color-light)!important;padding:var(--spacing-sm) 0!important}.dashboard-table td:last-child{border-bottom:none!important;padding-bottom:0!important}.dashboard-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;text-align:left;margin-right:var(--spacing-md);font-size:.75rem;font-weight:700}.dashboard-table td .customer-info,.dashboard-table td .booking-products-summary,.dashboard-table td .flex{text-align:right;align-items:flex-end}.booking-products-summary{align-items:flex-end!important}.product-items-list{text-align:right}.dashboard-table td .flex.gap-xs{justify-content:flex-end;width:100%}}.booking-products-summary{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.product-items-list{color:var(--text-secondary);word-break:break-word;white-space:normal;font-size:.8rem;line-height:1.4}.booking-details-summary{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);line-height:1.6}.qty-btn:hover{background-color:var(--surface-tertiary)!important;border-color:var(--text-muted)!important}.qty-btn:active{transform:scale(.95)}.facilities-page{padding:var(--spacing-md);max-width:var(--max-width);margin:0 auto}.facilities-header{margin-bottom:var(--spacing-xl)}.facilities-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.facilities-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.facilities-layout{gap:var(--spacing-lg);grid-template-columns:1fr;min-width:0;display:grid}@media (width>=992px){.facilities-layout{grid-template-columns:2fr 1fr}}.facilities-selector-panel,.custom-facility-panel{padding:var(--spacing-lg);min-width:0}.facilities-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.facility-toggle-card{padding:var(--spacing-md);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-width:0;display:flex;overflow:hidden}.facility-toggle-card:hover{background:var(--surface-tertiary);border-color:var(--text-muted)}.facility-toggle-card.selected{background:var(--color-primary-glow);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.facility-card-content{align-items:center;gap:var(--spacing-sm);min-width:0;display:flex;overflow:hidden}.facility-icon{color:var(--text-secondary);flex-shrink:0;font-size:1.5rem}.facility-toggle-card.selected .facility-icon{color:var(--color-primary)}.facility-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.toggle-switch-indicator{background-color:var(--surface-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-color);width:36px;height:20px;transition:background-color var(--transition-normal);margin-left:var(--spacing-sm);flex-shrink:0;position:relative}.facility-toggle-card.selected .toggle-switch-indicator{background-color:var(--color-primary);border-color:var(--color-primary)}.switch-dot{width:14px;height:14px;transition:transform var(--transition-normal);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.facility-toggle-card.selected .switch-dot{transform:translate(16px)}@media (width<=767px){.facilities-page{padding:0}.facilities-selector-panel,.custom-facility-panel{padding:var(--spacing-md)}.facilities-grid{gap:var(--spacing-xs);grid-template-columns:1fr}}.form-select{background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);padding:10px 14px;font-size:.95rem}.section-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.products-page{max-width:var(--max-width);margin:0 auto}.products-header{margin-bottom:var(--spacing-xl)}.products-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.products-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.products-stats-container{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.products-stat-card{padding:var(--spacing-md);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:4px;display:flex}.products-stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.products-stat-card .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.products-stat-card .stat-value.warning{color:var(--color-warning)}.products-stat-card .stat-value.danger{color:var(--color-danger)}.products-filters-panel{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--spacing-xl)}.filters-grid{gap:var(--spacing-sm);grid-template-columns:1fr;display:grid}@media (width>=768px){.filters-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.form-input-text{background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);padding:10px 14px}.form-input-text:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.form-select{background-color:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);padding:10px 14px;font-size:.95rem}.form-select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none}.products-table-container{padding:var(--spacing-lg);width:100%;max-width:100%;overflow:hidden}.category-badge{background-color:var(--surface-tertiary);color:var(--text-primary);border-radius:var(--radius-full);text-transform:uppercase;padding:4px 10px;font-size:.75rem;font-weight:700}.stock-text{color:var(--text-primary);font-weight:600}.stock-text.low{color:var(--color-warning)}.stock-text.out{color:var(--color-danger)}.status-badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.success{color:var(--color-success);background-color:#22c55e1f}.status-badge.danger{color:var(--color-danger);background-color:#ef44441f}.status-badge.info{color:var(--color-info);background-color:#0ea5e91f}.status-badge.warning{color:var(--color-warning);background-color:#eab3081f}.bulk-date-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}@media (width<=767px){.products-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.products-header button{width:100%}.products-stats-container{gap:var(--spacing-sm);grid-template-columns:1fr}.products-table-container{padding:var(--spacing-sm)}.dashboard-table thead{display:none}.dashboard-table,.dashboard-table tbody,.dashboard-table tr,.dashboard-table td{width:100%;display:block}.dashboard-table tr{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.dashboard-table td{text-align:right;justify-content:space-between;align-items:center;font-size:.85rem;display:flex;border-bottom:1px solid var(--border-color-light)!important;padding:var(--spacing-sm) 0!important}.dashboard-table td:last-child{border-bottom:none!important;padding-bottom:0!important}.dashboard-table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;text-align:left;margin-right:var(--spacing-md);font-size:.75rem;font-weight:700}.dashboard-table td .flex{text-align:right;align-items:flex-end}}.profile-page{max-width:800px;margin:0 auto}.profile-header{margin-bottom:var(--spacing-xl)}.profile-title{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);font-size:1.75rem;font-weight:800}.profile-subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:.95rem}.profile-container{gap:var(--spacing-xl);grid-template-columns:250px 1fr;align-items:start;display:grid}@media (width<=768px){.profile-container{grid-template-columns:1fr}}.profile-card-left{text-align:center;padding:var(--spacing-xl);flex-direction:column;align-items:center;display:flex}.profile-big-avatar{background:linear-gradient(135deg, var(--color-primary), #059669);color:#fff;width:100px;height:100px;margin-bottom:var(--spacing-md);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 8px 16px #10b98133}.profile-name-title{color:var(--text-primary);margin-bottom:2px;font-size:1.25rem;font-weight:700}.profile-email-sub{color:var(--text-secondary);margin-bottom:var(--spacing-md);word-break:break-all;font-size:.85rem}.profile-badge-list{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.profile-card-right{padding:var(--spacing-xl)}.form-row{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.help-text{color:var(--text-secondary);margin-top:4px;font-size:.75rem}.turf-card{flex-direction:column;height:100%;display:flex}.turf-card-image{background-position:50%;background-size:cover;height:200px;position:relative}.turf-card-badge{top:var(--spacing-sm);right:var(--spacing-sm);position:absolute}.turf-name{margin:0;font-size:1.25rem}.turf-price{font-size:1.1rem;font-weight:700}.turf-location{margin:0;font-size:.9rem}.turf-desc{flex-grow:1;margin:0;font-size:.9rem;line-height:1.4}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.hero-section{background-image:url(https://images.unsplash.com/photo-1518605368461-1e1e12dbbc0e?q=80&w=1920&auto=format&fit=crop);background-position:50%;background-size:cover;align-items:center;height:500px;display:flex;position:relative}.hero-overlay{background:linear-gradient(#0f172ab3,#0f172af2);position:absolute;inset:0}.hero-content{z-index:10;text-align:center;position:relative}.hero-title{margin:0;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.hero-subtitle{max-width:600px;margin:0 auto;font-size:1.25rem}.hero-search-box{border-radius:var(--radius-lg);margin-top:var(--spacing-md);-webkit-backdrop-filter:blur(16px);width:100%;max-width:600px;box-shadow:var(--shadow-lg);background:#0f172a73;border:1px solid #ffffff1a;padding:6px}.hero-search-input{padding:var(--spacing-sm) var(--spacing-md);color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:200px;font-size:1rem}.hero-search-input::placeholder{color:#ffffff80}.py-xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.mb-lg{margin-bottom:var(--spacing-lg)}.section-title{margin-bottom:var(--spacing-xs);font-size:2rem}.filters{gap:var(--spacing-sm);display:flex}@media (width<=767px){.filters{width:100%}.filters select{flex:1;width:50%}}.empty-state{padding:var(--spacing-2xl);text-align:center}.slot-booking-container{position:relative}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.legend-dot.available{background-color:var(--surface-secondary);border:1px solid var(--border-color)}.legend-dot.selected{background-color:var(--color-primary)}.legend-dot.booked{background-color:var(--color-danger)}.legend-dot.unavailable{background-color:var(--surface-tertiary)}.table-responsive{border-radius:var(--radius-md);overflow-x:auto}.slot-table{border-collapse:collapse;width:100%;min-width:800px}.slot-table th,.slot-table td{border:1px solid var(--border-color);text-align:center;padding:var(--spacing-sm)}.time-col-header{background-color:var(--surface-primary);color:var(--color-primary);width:120px;font-weight:600}.date-col-header{background-color:var(--surface-primary);padding:var(--spacing-sm)}.day-name{color:var(--text-muted);text-transform:uppercase;font-size:.85rem}.date-name{font-size:1rem;font-weight:600}.time-cell{background-color:var(--surface-primary);color:var(--text-secondary);font-size:.9rem;font-weight:500}.slot-cell{cursor:pointer;transition:all var(--transition-fast);vertical-align:middle;height:60px}.slot-cell.available{background-color:var(--surface-secondary)}.slot-cell.available:hover{background-color:var(--surface-tertiary);transform:scale(.98)}.slot-cell.selected{background-color:var(--color-primary);color:var(--bg-primary);box-shadow:inset 0 0 0 2px var(--color-primary-light);font-weight:700}.slot-cell.booked{background-color:var(--color-danger);color:#fff;cursor:not-allowed;opacity:.8}.slot-cell.unavailable{background-color:var(--surface-tertiary);color:var(--text-muted);cursor:not-allowed;font-size:.85rem}.slot-price{font-size:.95rem}.slot-status-text{text-transform:uppercase;margin-top:2px;font-size:.75rem}.sticky-summary{bottom:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-color:var(--color-primary);box-shadow:var(--shadow-glow);z-index:10;position:sticky}.my-xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.mx-auto{margin-left:auto;margin-right:auto}.p-md{padding:var(--spacing-md)}.text-center{text-align:center}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;pointer-events:auto;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.turf-title{margin:0;font-size:2.5rem;line-height:1.2}.image-gallery{border-radius:var(--radius-lg);overflow:hidden}.main-image{border-radius:var(--radius-md);background-position:50%;background-size:cover;height:400px;position:relative}.gallery-zoom-hint{bottom:var(--spacing-sm);right:var(--spacing-sm);-webkit-backdrop-filter:blur(8px);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:#fff;pointer-events:none;transition:all var(--transition-fast);background:#0f172abf;border:1px solid #ffffff1a;font-size:.8rem;font-weight:500;position:absolute}.main-image:hover .gallery-zoom-hint{background:var(--color-primary);transform:scale(1.05)}.thumbnails .thumbnail{border-radius:var(--radius-sm);cursor:pointer;width:80px;height:80px;transition:all var(--transition-fast);background-position:50%;background-size:cover;border:2px solid #0000;flex-shrink:0}.thumbnails .thumbnail:hover{opacity:.85}.thumbnails .thumbnail.active{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:scale(.98)}.thumbnails{padding-bottom:4px;overflow-x:auto}.details-grid{grid-template-columns:1fr;max-width:100%;overflow:hidden}@media (width>=1024px){.details-grid{grid-template-columns:1fr 1.5fr}}.booking-column{max-width:100vw;overflow:hidden}.section-title{color:var(--text-primary);font-size:1.5rem}.rules-list{padding-left:1.5rem}.rules-list li{margin-bottom:var(--spacing-xs)}.pt-lg{padding-top:var(--spacing-lg)}.pb-md{padding-bottom:var(--spacing-md)}.pb-2xl{padding-bottom:var(--spacing-2xl)}.py-2xl{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.w-full{width:100%}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.animation-overlay{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(12px);z-index:1000;justify-content:center;align-items:center;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.animation-card{text-align:center;width:90%;max-width:440px;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards scaleIn;background-color:var(--surface-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg), var(--shadow-glow)!important;padding:var(--spacing-xl)!important}.checkmark-wrapper{background:var(--color-primary-glow);border:2px solid var(--color-primary-glow);border-radius:50%;width:90px;height:90px}.checkmark-svg{stroke-width:4px;width:56px;height:56px;stroke:var(--color-primary);stroke-miterlimit:10}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2.5px;stroke-miterlimit:10;stroke:var(--color-primary);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.35s cubic-bezier(.65,0,.45,1) .6s forwards stroke}.animation-title{color:var(--color-primary);margin-bottom:var(--spacing-md);letter-spacing:-.5px;text-shadow:0 0 15px var(--color-primary-glow);font-size:2rem;font-weight:800}.animation-text{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.6}.redirect-hint{margin-top:var(--spacing-sm);color:var(--text-muted);font-size:.9rem;display:inline-block}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}