body.modal-open .calendar-grid-timebased,body.modal-open .calendar-mobile-only{visibility:hidden!important}.court-booking-modal-overlay{position:fixed!important;z-index:2147483647!important}.court-booking-modal{z-index:2147483647!important}:root{--bb-max-width:1200px;--sidebar-width:240px;--sidebar-collapsed-width:72px;--primary:#ff4500;--primary-dark:#e03d00;--primary-light:#ff6b3d;--accent-yellow:#ffe600;--accent-pink:#ff0080;--accent-cyan:#00d4ff;--accent-green:#10b981;--bg-body:#0a0a0a;--bg-surface:#1a1a2e;--bg-surface-2:#12121f;--bg-card:rgba(255,255,255,0.08);--bg-card-hover:rgba(255,255,255,0.12);--bg-input:rgba(255,255,255,0.05);--text-primary:#ffffff;--text-secondary:#b0b0b0;--text-muted:#808080;--border-color:rgba(255,255,255,0.1);--border-color-hover:rgba(255,69,0,0.3);--header-bg:rgba(10,10,10,0.9);--header-border:rgba(255,69,0,0.2);--gradient-fire:linear-gradient(135deg,#ff4500,#ff0080 50%,#ffe600);--gradient-cta:linear-gradient(90deg,#ff4500,#ff0080);--gradient-card:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));--gradient-card-highlight:linear-gradient(180deg,rgba(255,69,0,0.15),rgba(255,0,128,0.05));--shadow-soft:0 4px 20px rgba(0,0,0,0.3);--shadow-glow:0 0 30px rgba(255,69,0,0.4);--shadow-card:0 10px 40px rgba(0,0,0,0.4);--shadow-card-hover:0 20px 50px rgba(0,0,0,0.4),0 0 30px rgba(255,69,0,0.1);--modal-bg:var(--bg-surface);--modal-border:rgba(255,69,0,0.2);--modal-shadow:0 25px 80px rgba(0,0,0,0.6);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.16,1,0.3,1);--ease-out:cubic-bezier(0.22,1,0.36,1);--font-display:"Bebas Neue",Impact,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--time-font-large:var(--font-display);--time-font-standard:var(--font-body);--time-color:var(--primary);--time-size-xl:2.2rem;--time-size-lg:1.75rem;--time-size-md:1.1rem;--time-size-sm:0.95rem;--date-size:0.85rem;--date-weight:700;--date-spacing:0.08em;--date-transform:uppercase;--duration-size:0.8rem;--duration-weight:600;--duration-padding:4px 10px;--duration-gap:5px;--duration-radius:6px;--scrollbar-track:#0a0a0a;--scrollbar-thumb:var(--primary);--status-success:#10b981;--status-warning:#f59e0b;--status-error:#ef4444;--status-info:#00d4ff;--apple-border:rgba(255,255,255,0.3);--apple-text:#ffffff;--apple-border-hover:rgba(255,255,255,0.5);--apple-bg-hover:rgba(255,255,255,0.1);--apple-shadow:rgba(255,255,255,0.2)}:root[data-theme=light]{--primary:#e03d00;--primary-dark:#c53500;--primary-light:#ff5722;--bg-body:#f8f9fa;--bg-surface:#ffffff;--bg-surface-2:#f1f3f5;--bg-card:#ffffff;--bg-card-hover:#f8f9fa;--bg-input:#ffffff;--text-primary:#212529;--text-secondary:#495057;--text-muted:#868e96;--border-color:#dee2e6;--border-color-hover:rgba(224,61,0,0.5);--header-bg:rgba(255,255,255,0.97);--header-border:#e9ecef;--gradient-card:linear-gradient(135deg,#ffffff,#f8f9fa);--gradient-card-highlight:linear-gradient(180deg,rgba(255,69,0,0.06),rgba(255,69,0,0.02));--shadow-soft:0 2px 8px rgba(0,0,0,0.08);--shadow-glow:0 0 20px rgba(224,61,0,0.15);--shadow-card:0 4px 16px rgba(0,0,0,0.06);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.1);--modal-bg:#ffffff;--modal-border:#e9ecef;--modal-shadow:0 20px 60px rgba(0,0,0,0.15);--scrollbar-track:#f1f3f5;--scrollbar-thumb:#adb5bd;--apple-border:#212529;--apple-text:#212529;--apple-border-hover:#000000;--apple-bg-hover:rgba(0,0,0,0.05);--apple-shadow:rgba(0,0,0,0.1);--status-success:#2f9e44;--status-warning:#e67700;--status-error:#e03131;--status-info:#1c7ed6}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--primary:#e03d00;--primary-dark:#c53500;--primary-light:#ff5722;--bg-body:#f8f9fa;--bg-surface:#ffffff;--bg-surface-2:#f1f3f5;--bg-card:#ffffff;--bg-card-hover:#f8f9fa;--bg-input:#ffffff;--text-primary:#212529;--text-secondary:#495057;--text-muted:#868e96;--border-color:#dee2e6;--border-color-hover:rgba(224,61,0,0.5);--header-bg:rgba(255,255,255,0.97);--header-border:#e9ecef;--gradient-card:linear-gradient(135deg,#ffffff,#f8f9fa);--gradient-card-highlight:linear-gradient(180deg,rgba(255,69,0,0.06),rgba(255,69,0,0.02));--shadow-soft:0 2px 8px rgba(0,0,0,0.08);--shadow-glow:0 0 20px rgba(224,61,0,0.15);--shadow-card:0 4px 16px rgba(0,0,0,0.06);--shadow-card-hover:0 8px 24px rgba(0,0,0,0.1);--modal-bg:#ffffff;--modal-border:#e9ecef;--modal-shadow:0 20px 60px rgba(0,0,0,0.15);--scrollbar-track:#f1f3f5;--scrollbar-thumb:#adb5bd;--apple-border:#212529;--apple-text:#212529;--apple-border-hover:#000000;--apple-bg-hover:rgba(0,0,0,0.05);--apple-shadow:rgba(0,0,0,0.1);--status-success:#2f9e44;--status-warning:#e67700;--status-error:#e03131;--status-info:#1c7ed6}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{height:100%;margin:0;padding:0}body{font-family:var(--font-body);font-size:16px;line-height:1.6;background:var(--bg-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;line-height:1.1;margin:0 0 16px}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{margin:0 0 16px;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-yellow)}.app-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-body);margin-left:var(--sidebar-width);transition:margin-left .3s cubic-bezier(.16,1,.3,1)}body.sidebar-collapsed .app-container{margin-left:var(--sidebar-collapsed-width)}.app-main{flex:1 1;padding-top:80px}.app-main>*{animation:fadeInUp .4s var(--ease-out)}@media (max-width:1024px){.app-container,body.sidebar-collapsed .app-container{margin-left:0}}.container{max-width:var(--bb-max-width);margin:0 auto;padding:0 24px}.card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-soft);transition:all .3s var(--ease-smooth)}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-card-hover)}.btn,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-body);font-weight:600;font-size:.95rem;text-decoration:none;border-radius:12px;border:none;cursor:pointer;transition:all .3s var(--ease-bounce);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-cta);color:#ffffff;box-shadow:0 8px 30px rgba(255,69,0,.4)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,69,0,.5)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-family:var(--font-body);font-weight:600;font-size:.95rem;text-decoration:none;border-radius:12px;cursor:pointer;transition:all .3s var(--ease-bounce);position:relative;overflow:hidden;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-2px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 16px}.card{padding:20px 16px;border-radius:14px}.btn,.btn-primary,.btn-secondary{padding:12px 20px;font-size:.9rem}}.app-footer{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:32px 24px;margin-top:auto}.footer-content{max-width:var(--bb-max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.footer-developer a{color:var(--primary);text-decoration:none;font-weight:500;transition:all .3s ease}.footer-developer a:hover{color:var(--accent-yellow)}@media (max-width:768px){.app-footer{padding:24px 16px}.footer-content{flex-direction:column;gap:12px;text-align:center}}