*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a3c6e;--navy2:#124;--teal:#00897b;--red:#e53935;--amber:#f9a825;--green:#388e3c;--purple:#6a1b9a;--bg:#eef0f4;--bg-elevated:#ffffffe6;--bg-surface:#ffffffd6;--bg-surface-strong:#fffffff5;--bg-soft:#f8faffdb;--bg-muted:#edf1f8f2;--text:#1e1e2f;--text-strong:#10131f;--text-soft:#446;--muted:#6d7590;--muted-strong:#8a8aa8;--inverse-text:#fff;--border:#c8d2e68c;--border-strong:#788cb433;--surface-shadow:8px 8px 16px #0000000f, -8px -8px 16px #ffffffb3;--surface-shadow-soft:6px 6px 14px #0000000a, -6px -6px 14px #ffffff7a;--surface-shadow-inset:inset 2px 2px 6px #fffc, inset -4px -4px 10px #00000005;--accent:#1a3c6e;--accent-rgb:26, 60, 110;--accent-strong:#0f2550;--accent-soft:#1a3c6e14;--accent-soft-2:#1a3c6e24;--accent-contrast:#fff;--accent-glow:#1a3c6e2e;--success:#2e7d32;--warning:#f9a825;--danger:#e53935;--shell-gradient:linear-gradient(135deg, #1fd4bffa, #bbf6c6eb, #e577cdeb);--shell-border:#ffffff73;--drawer-bg:#fffffff5;--drawer-hover:#1a3c6e0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#000;--bg-elevated:#08080cf5;--bg-surface:#0a0a0ee0;--bg-surface-strong:#0d0d12f5;--bg-soft:#101016e6;--bg-muted:#16161cf2;--text:#eef3ff;--text-strong:#fff;--text-soft:#d8e0f4;--muted:#9ea8bf;--muted-strong:#b8c0d3;--inverse-text:#0b1020;--border:#7a8fbe38;--border-strong:#94abdc47;--surface-shadow:0 18px 50px #0000008a, 0 0 0 1px #ffffff08;--surface-shadow-soft:0 12px 28px #0006, 0 0 0 1px #ffffff08;--surface-shadow-inset:inset 1px 1px 0 #ffffff08, inset 0 -1px 0 #0003;--accent:#6f9cff;--accent-rgb:111, 156, 255;--accent-strong:#a9c0ff;--accent-soft:#6f9cff29;--accent-soft-2:#6f9cff3d;--accent-contrast:#06101f;--accent-glow:#6f9cff38;--success:#7ddc91;--warning:#ffd166;--danger:#ff7b7b;--shell-gradient:linear-gradient(135deg, #020204fa, #050508f2, #090910eb);--shell-border:#90a6e124;--drawer-bg:#050508f5;--drawer-hover:#6f9cff29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at top left, #6f9cff14, transparent 34%), radial-gradient(circle at top right, #31d2c80f, transparent 28%), var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .25s,color .25s}html,body,#root{min-height:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .38);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)}}.sidebar-expanded::-webkit-scrollbar{width:4px}.sidebar-collapsed::-webkit-scrollbar{width:4px}.sidebar-expanded::-webkit-scrollbar-track{background:0 0}.sidebar-collapsed::-webkit-scrollbar-track{background:0 0}.sidebar-expanded::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .28);border-radius:10px}.sidebar-collapsed::-webkit-scrollbar-thumb{background:rgba(var(--accent-rgb), .28);border-radius:10px}.sidebar-item.indent{padding-left:48px!important;font-size:13px!important}.sidebar-item.indent:before{content:"";background:var(--border);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:28px}.sidebar-item.active.indent:before{background:var(--accent)}[data-theme=dark] .booking-page,[data-theme=dark] .slot-master-page,[data-theme=dark] .rules-page,[data-theme=dark] .ban-management-page,[data-theme=dark] .events-calendar-page{color:var(--text)!important}[data-theme=dark] .booking-page :is(h1,h2,h3,h4,h5,h6,p,label,span,td,th,li,small,strong,em,button,div),[data-theme=dark] .slot-master-page :is(h1,h2,h3,h4,h5,h6,p,label,span,td,th,li,small,strong,em,button,div),[data-theme=dark] .rules-page :is(h1,h2,h3,h4,h5,h6,p,label,span,td,th,li,small,strong,em,button,div),[data-theme=dark] .ban-management-page :is(h1,h2,h3,h4,h5,h6,p,label,span,td,th,li,small,strong,em,button,div),[data-theme=dark] .events-calendar-page :is(h1,h2,h3,h4,h5,h6,p,label,span,td,th,li,small,strong,em,button,div){font-weight:700;color:var(--text)!important}[data-theme=dark] .tournaments-page{color:var(--text)!important}[data-theme=dark] .tournaments-page :is(h1,h2,h3,h4,h5,h6){color:var(--text-strong)!important}[data-theme=dark] .tournaments-page .clay-card,[data-theme=dark] .tournaments-page .clay-soft,[data-theme=dark] .tournaments-page .clay-input,[data-theme=dark] .tournaments-page .clay-select{background:var(--bg-surface-strong)!important;border-color:var(--border)!important;box-shadow:var(--surface-shadow-soft)!important}[data-theme=dark] .tournaments-page table,[data-theme=dark] .tournaments-page th,[data-theme=dark] .tournaments-page td{color:var(--text)!important;border-color:var(--border)!important}[data-theme=dark] .booking-page .clay-card,[data-theme=dark] .booking-page .clay-soft,[data-theme=dark] .booking-page table,[data-theme=dark] .booking-page th,[data-theme=dark] .booking-page td,[data-theme=dark] .booking-page .clay-input,[data-theme=dark] .booking-page .clay-select,[data-theme=dark] .booking-page .mobile-day-card,[data-theme=dark] .booking-page .mobile-slot-row,[data-theme=dark] .slot-master-page .clay-card,[data-theme=dark] .slot-master-page .clay-soft,[data-theme=dark] .slot-master-page table,[data-theme=dark] .slot-master-page th,[data-theme=dark] .slot-master-page td,[data-theme=dark] .slot-master-page .clay-input,[data-theme=dark] .slot-master-page .clay-select,[data-theme=dark] .rules-page .clay-card,[data-theme=dark] .rules-page .clay-soft,[data-theme=dark] .rules-page table,[data-theme=dark] .rules-page th,[data-theme=dark] .rules-page td,[data-theme=dark] .rules-page .clay-input,[data-theme=dark] .rules-page .clay-select,[data-theme=dark] .ban-management-page .clay-card,[data-theme=dark] .ban-management-page .clay-soft,[data-theme=dark] .ban-management-page table,[data-theme=dark] .ban-management-page th,[data-theme=dark] .ban-management-page td,[data-theme=dark] .ban-management-page .clay-input,[data-theme=dark] .ban-management-page .clay-select,[data-theme=dark] .events-calendar-page .clay-card,[data-theme=dark] .events-calendar-page .clay-soft,[data-theme=dark] .events-calendar-page table,[data-theme=dark] .events-calendar-page th,[data-theme=dark] .events-calendar-page td,[data-theme=dark] .events-calendar-page .clay-input,[data-theme=dark] .events-calendar-page .clay-select{background:var(--bg-surface-strong)!important;border-color:var(--border)!important;box-shadow:var(--surface-shadow-soft)!important}[data-theme=dark] .booking-page table,[data-theme=dark] .booking-page th,[data-theme=dark] .booking-page td,[data-theme=dark] .slot-master-page table,[data-theme=dark] .slot-master-page th,[data-theme=dark] .slot-master-page td,[data-theme=dark] .rules-page table,[data-theme=dark] .rules-page th,[data-theme=dark] .rules-page td,[data-theme=dark] .ban-management-page table,[data-theme=dark] .ban-management-page th,[data-theme=dark] .ban-management-page td,[data-theme=dark] .events-calendar-page table,[data-theme=dark] .events-calendar-page th,[data-theme=dark] .events-calendar-page td{color:var(--text)!important}@media (width<=768px){.sidebar-expanded,.sidebar-collapsed{display:none!important}.app-shell>div:last-child{width:100%!important;margin-left:0!important}.topbar-clay{border-radius:12px!important;margin:12px 12px 0!important}.app-body{padding:0 12px 12px!important}.app-main{border-radius:16px!important;min-height:calc(100vh - 180px)!important;padding:16px!important}}.stats-row-card{transform:translateY(0)scale(1);border-top:3px solid var(--stat-color)!important;background:var(--bg-surface-strong)!important;box-shadow:var(--surface-shadow-soft)!important;border-bottom:2px solid #0000!important;border-left:2px solid #0000!important;border-right:2px solid #0000!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.stats-row-card[data-hovered=true]{background:var(--stat-color)!important;border-color:var(--stat-color)!important;box-shadow:0 8px 24px color-mix(in srgb, var(--stat-color) 40%, transparent)!important;transform:translateY(-5px)scale(1.03)!important}.stats-row-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.stats-row-card[data-hovered=true] .stats-row-label{color:#ffffffd9!important}.stats-row-value{color:var(--stat-color);margin:4px 0 2px;font-size:1.3rem;font-weight:800;line-height:1}.stats-row-card[data-hovered=true] .stats-row-value{color:#fff!important}.stats-row-sub{color:var(--muted);font-size:.6rem;font-weight:600}.stats-row-card[data-hovered=true] .stats-row-sub{color:#fffc!important}.clay{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--surface-shadow);border:1px solid var(--border);color:var(--text);border-radius:48px 48px 32px 32px;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}.clay-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--surface-shadow-soft);border:1px solid var(--border);color:var(--text);border-radius:32px 32px 24px 24px;padding:16px 20px;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}.clay-soft{background:var(--bg-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--surface-shadow-inset);color:var(--text);border:1px solid var(--border);border-radius:28px;transition:background .2s,color .2s,box-shadow .2s,border-color .2s}.clay-btn{background:var(--bg-muted);border:1px solid var(--border);box-shadow:var(--surface-shadow-soft);color:var(--text);cursor:pointer;border-radius:40px;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:500;transition:transform .15s,box-shadow .15s,background .15s,color .15s;display:inline-flex}.clay-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00000014}.clay-btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--accent-contrast);box-shadow:0 10px 24px rgba(var(--accent-rgb), .24);border-color:#0000}.clay-btn-primary:hover{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:var(--accent-contrast)}.clay-btn-teal{color:#fff;background:linear-gradient(135deg,#00a99a,#00897b);border-color:#0000;box-shadow:0 10px 24px #00897b3d}.clay-btn-teal:hover{color:#fff;background:linear-gradient(135deg,#00897b,#00695c)}.clay-btn-red{color:#fff;background:linear-gradient(135deg,#ff6d6d,#e53935);border-color:#0000;box-shadow:0 10px 24px #e539353d}.clay-btn-red:hover{color:#fff;background:linear-gradient(135deg,#e53935,#c62828)}.clay-btn-amber{color:#fff;background:linear-gradient(135deg,#ffbf4d,#f9a825);border-color:#0000;box-shadow:0 10px 24px #f9a8253d}.clay-btn-amber:hover{color:#fff;background:linear-gradient(135deg,#f9a825,#f57f17)}.clay-btn-green{color:#fff;background:linear-gradient(135deg,#48b15d,#388e3c);border-color:#0000;box-shadow:0 10px 24px #388e3c3d}.clay-btn-green:hover{color:#fff;background:linear-gradient(135deg,#388e3c,#2e7d32)}.clay-tag{background:var(--bg-muted);color:var(--text-soft);border:1px solid var(--border);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 #ffffff59,inset -2px -2px 4px #00000005}.clay-input{background:var(--bg-surface-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--border);color:var(--text);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 #ffffff59}.clay-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), inset 2px 2px 6px #00000005;outline:none}.clay-input::placeholder{color:var(--muted)}.clay-select{background:var(--bg-surface-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--border);color:var(--text);appearance:none;cursor:pointer;background-image: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");background-position:right 16px center;background-repeat:no-repeat;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 #ffffff59}[data-theme=dark] .clay-select{background-image: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='%23d0d9f0' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.clay-select:focus{border-color:var(--accent);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 #ffffff59}.clay-badge-navy{background:rgba(var(--accent-rgb), .12);color:var(--accent)}.clay-badge-teal{color:#00897b;background:#00897b1f}.clay-badge-green{color:#2e7d32;background:#2e7d321f}.clay-badge-amber{color:#b46f00;background:#f9a82529}.clay-badge-red{color:#c62828;background:#e539351f}.clay-badge-purple{color:#6a1b9a;background:#6a1b9a1f}.clay-badge-grey{color:var(--muted);background:#7882961f}.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}}