*{box-sizing:border-box;margin:0;padding:0}body{color:#1e1e2f;background:#eef0f4;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--navy:#1a3c6e;--navy2:#124;--teal:#00897b;--red:#e53935;--amber:#f9a825;--green:#388e3c;--purple:#6a1b9a;--text:#1e1e2f;--text2:#446;--muted:#88a;--border:#d0d4e0;--bg:#eef0f4;--white:#fff;--shadow:8px 8px 16px #0000000f, -8px -8px 16px #ffffffb3;--shadow-inset:inset 2px 2px 6px #fffc, inset -4px -4px 10px #00000005}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#c0c8d8;border-radius:20px}::-webkit-scrollbar-track{background:0 0}.dropdown-container{position:relative;z-index:99999!important}.clay-dropdown{z-index:99999!important}.modal-overlay{z-index:100000!important}.sidebar-clay{z-index:100!important}.topbar-clay{z-index:1000!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#ffffffd9;border:1px solid #ffffff80;border-radius:48px 48px 32px 32px;transition:all .2s}.clay-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #ffffff4d;border-radius:32px 32px 24px 24px;padding:16px 20px;box-shadow:6px 6px 14px #0000000a,-6px -6px 14px #ffffff80}.clay-soft{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-inset);background:#f8faffcc;border-radius:28px}.clay-btn{color:#1e2a4a;cursor:pointer;background:#f0f4ff;border:none;border-radius:40px;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:4px 4px 10px #00000005,-4px -4px 12px #ffffff80}.clay-btn:hover{transform:scale(.97);box-shadow:2px 2px 6px #0000000a}.clay-btn-primary{color:#fff;background:#2b3b6b;box-shadow:6px 6px 14px #2b3b6b33,-4px -4px 12px #ffffff4d}.clay-btn-primary:hover{color:#fff;background:#1f2d54}.clay-btn-teal{color:#fff;background:#00897b;box-shadow:6px 6px 14px #00897b40}.clay-btn-teal:hover{color:#fff;background:#00695c}.clay-btn-red{color:#fff;background:#e53935;box-shadow:6px 6px 14px #e5393540}.clay-btn-red:hover{color:#fff;background:#c62828}.clay-btn-amber{color:#fff;background:#f9a825;box-shadow:6px 6px 14px #f9a82540}.clay-btn-amber:hover{color:#fff;background:#f57f17}.clay-btn-green{color:#fff;background:#388e3c;box-shadow:6px 6px 14px #388e3c40}.clay-btn-green:hover{color:#fff;background:#2e7d32}.clay-tag{background:#eef2f9;border-radius:40px;align-items:center;gap:4px;padding:4px 14px;font-size:.7rem;font-weight:500;display:inline-flex;box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 4px #00000005}.clay-input{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#1e1e2f;background:#ffffffb3;border:1px solid #c8d2e666;border-radius:24px;width:100%;padding:10px 18px;font-family:inherit;font-size:.85rem;transition:all .15s;box-shadow:inset 2px 2px 6px #00000005,inset -2px -2px 6px #fff9}.clay-input:focus{border-color:#2b3b6b;outline:none;box-shadow:0 0 0 3px #2b3b6b1a,inset 2px 2px 6px #00000005}.clay-input::placeholder{color:#99b}.clay-select{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#1e1e2f;appearance:none;cursor:pointer;background:#ffffffb3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23444466' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 16px center no-repeat;border:1px solid #c8d2e666;border-radius:24px;width:100%;padding:10px 18px;font-family:inherit;font-size:.85rem;box-shadow:inset 2px 2px 6px #00000005,inset -2px -2px 6px #fff9}.clay-select:focus{border-color:#2b3b6b;outline:none}.clay-badge{letter-spacing:.01em;border-radius:40px;padding:3px 14px;font-size:.65rem;font-weight:600;display:inline-block;box-shadow:inset 1px 1px 2px #ffffff80}.clay-badge-navy{color:#1a3c6e;background:#e8ecf5}.clay-badge-teal{color:#00695c;background:#e0f2f1}.clay-badge-green{color:#2e7d32;background:#e8f5e9}.clay-badge-amber{color:#e65100;background:#fff8e1}.clay-badge-red{color:#c62828;background:#ffebee}.clay-badge-purple{color:#6a1b9a;background:#f3e5f5}.clay-badge-grey{color:#666;background:#f5f5f5}.z-dropdown{z-index:99999!important}.z-modal{z-index:100000!important}.z-topbar{z-index:1000!important}.z-sidebar{z-index:100!important}.z-base{z-index:1!important}.dropdown-overlay{z-index:99999;position:relative;overflow:visible!important}.clay,.clay-card,.clay-soft{overflow:visible!important}.sidebar-container{z-index:100;position:relative;overflow:visible!important}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;gap:20px;min-height:0;display:flex}.app-sidebar{flex-shrink:0}.app-main{flex:1;min-width:0}.app-main-inner{padding-bottom:20px}.app-footer{background-color:#055952;border-top:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 24px;display:flex}.app-footer-copy{color:#fff;margin:0;font-size:10px}.app-footer-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-footer-links a{color:#fff;font-size:10px;text-decoration:none;transition:color .15s}.app-footer-links a:hover{color:#2563eb}.app-footer-sep{color:#cbd5e1;font-size:10px}.hamburger-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff80;border:1px solid #c8d2e680;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:8px;display:inline-flex}.hamburger-btn:hover{background:#fffc}.hamburger-btn:focus-visible{outline-offset:2px;outline:3px solid #2b3b6b59}.hamburger-bar{background:#1a3c6e;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200000;background:#0f172a73;animation:.25s drawer-fade-in;position:fixed;inset:0}.drawer-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;flex-direction:column;width:min(82vw,320px);padding:16px 12px;animation:.25s cubic-bezier(.2,.8,.2,1) drawer-slide-in;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:8px 0 24px #0000001f}.drawer-header{border-bottom:1px solid #c8d2e680;justify-content:space-between;align-items:center;padding:4px 8px 12px;display:flex}.drawer-title{color:#1a3c6e;font-size:.95rem;font-weight:700}.drawer-close{color:#1a3c6e;cursor:pointer;background:#fff9;border:1px solid #c8d2e680;border-radius:12px;width:40px;height:40px;font-size:1rem}.drawer-close:hover{background:#ffffffe6}.drawer-close:focus-visible{outline-offset:2px;outline:3px solid #2b3b6b59}.drawer-nav{flex-direction:column;flex:1;gap:4px;padding:12px 0;display:flex;overflow-y:auto}.drawer-footer{border-top:1px solid #c8d2e680;flex-direction:column;gap:4px;padding-top:8px;display:flex}.drawer-item{cursor:pointer;color:#1e1e2f;text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:12px;min-height:48px;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:background .15s,transform .1s;display:flex}.drawer-item:hover{background:#2b3b6b0f}.drawer-item:active{transform:scale(.98)}.drawer-item:focus-visible{outline-offset:2px;outline:3px solid #2b3b6b59}.drawer-item--active{color:#1a3c6e;background:linear-gradient(135deg,#2b3b6b1a,#00897b14);font-weight:600}.drawer-item--danger{color:#c62828}.drawer-item--danger:hover{background:#e5393514}.drawer-item-icon{text-align:center;width:24px;font-size:1.1rem}.drawer-item-label{font-size:.95rem}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width>=992px) and (width<=1199px){.app-body{gap:16px}.app-main-inner{padding:0 8px 20px}}@media (width>=768px) and (width<=991px){.app-sidebar{display:none}.app-main-inner{padding:0 12px 20px}.topbar-clay{border-radius:48px;margin-bottom:16px;padding:10px 20px}.app-footer{padding:10px 20px}}@media (width<=767px){.app-sidebar{display:none}.app-body{flex-direction:column;gap:12px}.app-main-inner{padding:0 8px 16px}.topbar-clay{border-radius:28px;margin:0 0 12px;padding:8px 14px}.topbar-clay>div:first-of-type{font-size:.85rem}.app-footer{flex-direction:column;align-items:flex-start;padding:12px 16px}.app-footer-links{font-size:9px}}@media (width<=479px){.topbar-clay{border-radius:24px;padding:6px 10px}.hamburger-btn{width:36px;height:36px}}.sidebar-collapse-btn{cursor:pointer;color:#446;-webkit-tap-highlight-color:transparent;background:#ffffff80;border:1px solid #c8d2e680;border-radius:100px;justify-content:center;align-items:center;width:calc(100% - 12px);margin:0 6px 8px;padding:8px 6px;font-family:inherit;font-size:.65rem;transition:background .15s,transform .1s;display:inline-flex}.sidebar-collapse-btn:hover{background:#ffffffd9}.sidebar-collapse-btn:active{transform:scale(.98)}.sidebar-collapse-btn:focus-visible{outline-offset:2px;outline:3px solid #2b3b6b59}@media (width<=767px){.booking-page-title{font-size:1.15rem!important}.clay-card .clay-btn{min-height:44px;padding:10px 16px;font-size:.78rem}}.mobile-booking-list{flex-direction:column;gap:14px;display:flex}.mobile-day-slots{flex-direction:column;display:flex}.mobile-jump-today{color:#1a3c6e;background:linear-gradient(135deg,#f7ee8666,#fffffff5);border:1px solid #f59e0b73;justify-content:center;width:100%;margin-bottom:8px;font-weight:600}.mobile-jump-today:hover{background:linear-gradient(135deg,#f7ee868c,#fffffffa)}.mobile-day-header:focus-visible{outline-offset:2px;border-radius:12px;outline:3px solid #2b3b6b59}@media (width<=479px){.mobile-slot-row{gap:8px!important;padding:6px 6px 6px 0!important}.mobile-timeline-rail{width:48px!important}}.bottom-sheet-backdrop{z-index:999999;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s sheet-fade-in;display:flex;position:fixed;inset:0}.bottom-sheet-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;animation:.25s cubic-bezier(.2,.8,.2,1) sheet-slide-up;display:flex;overflow:hidden;box-shadow:0 -8px 32px #0000002e}.bottom-sheet-grabber{background:#1a3c6e2e;border-radius:999px;width:40px;height:4px;margin:10px auto 0}.bottom-sheet-header{border-bottom:1px solid #c8d2e64d;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px 8px;display:flex}.bottom-sheet-title{color:#1e1e2f;text-overflow:ellipsis;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.bottom-sheet-close{color:#1a3c6e;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff9;border:1px solid #c8d2e680;border-radius:12px;flex-shrink:0;width:40px;height:40px;font-size:1rem}.bottom-sheet-close:hover{background:#ffffffe6}.bottom-sheet-close:focus-visible{outline-offset:2px;outline:3px solid #2b3b6b59}.bottom-sheet-body{flex:auto;min-height:0;padding:14px 18px;overflow-y:auto}.bottom-sheet-footer{padding:12px 18px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #c8d2e64d;flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.bottom-sheet-footer>*{min-width:100px}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=767px){.match-result-player-row,.match-result-player-head{grid-template-columns:1fr 1fr!important;gap:6px!important}.match-result-team-cell{padding:6px 8px!important}}