:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#172b4d;background:#f4f7fb;font-synthesis:none;--blue:#1769ff;--deep:#0d2344;--line:#e5ebf3;--muted:#7d8ca2}
*{box-sizing:border-box}body{margin:0;min-width:1180px;background:#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;display:flex;width:232px;flex-direction:column;padding:22px 16px 16px;background:#102443;color:#fff}.admin-brand{display:flex;align-items:center;gap:11px;padding:0 7px 23px;border-bottom:1px solid rgba(255,255,255,.09)}.admin-brand>b{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#1769ff,#13a8ff);font-size:20px;box-shadow:0 7px 18px rgba(15,114,255,.35)}.admin-brand>span{display:flex;flex-direction:column}.admin-brand strong{font-size:15px}.admin-brand small{margin-top:3px;color:#8fa3c0;font-size:10px;letter-spacing:.7px}.main-nav{display:flex;flex:1;flex-direction:column;gap:4px;padding-top:18px}.main-nav button{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:10px;background:none;color:#aab8cc;font-size:13px;text-align:left}.main-nav button:hover{background:rgba(255,255,255,.06);color:#fff}.main-nav button.active{background:linear-gradient(90deg,rgba(23,105,255,.29),rgba(23,105,255,.08));color:#fff;font-weight:800}.main-nav button.active:before{position:absolute;left:-16px;width:3px;height:26px;border-radius:0 3px 3px 0;background:#2683ff;content:""}.main-nav i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.07);font-size:10px;font-style:normal;font-weight:900}.main-nav button.active i{background:#1769ff}.nav-count{margin-left:auto;padding:2px 7px;border-radius:99px;background:#f05c68;color:#fff;font-size:9px}.nav-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#ffb23e}.side-club{padding:12px 8px;border-top:1px solid rgba(255,255,255,.09)}.side-club>small{color:#7188a8;font-size:9px}.side-club button{display:flex;align-items:center;width:100%;gap:8px;padding:9px 0;border:0;background:none;color:#fff;text-align:left}.side-club button>b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#1d6cf1}.side-club button>span{display:flex;flex:1;flex-direction:column;font-size:11px}.side-club em{margin-top:2px;color:#7e94b0;font-size:8px;font-style:normal}.side-club button>i{font-size:10px;font-style:normal}.side-user{display:flex;align-items:center;gap:9px;padding:14px 7px 4px;border-top:1px solid rgba(255,255,255,.09)}.side-user>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6f0ff;color:#1769ff;font-size:12px}.side-user>span{display:flex;flex:1;flex-direction:column}.side-user strong{font-size:11px}.side-user small{margin-top:2px;color:#7188a8;font-size:8px}.side-user button{border:0;background:none;color:#8296b1}.workspace{margin-left:232px;min-height:100vh}.topbar{position:sticky;z-index:10;top:0;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e6ebf3;background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}.topbar>div{display:flex;align-items:center}.mobile-menu{display:none}.breadcrumb{color:#8a98aa;font-size:11px}.breadcrumb strong{color:#304561}.top-actions{gap:8px}.global-search{display:flex;width:235px;align-items:center;gap:6px;padding:8px 11px;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafd;color:#7a8aa0}.global-search input{width:100%;border:0;outline:none;background:none;font-size:10px}.notice,.help{position:relative;display:grid;width:34px;height:34px;place-items:center;border:1px solid #e1e7ef;border-radius:10px;background:#fff;color:#526782}.notice i{position:absolute;right:6px;top:6px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#f05c68}.page{display:none;padding:28px 30px 50px}.page.active{display:block}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-head>div:last-child{display:flex;gap:8px}.page-head h1{margin:0;color:#142c52;font-size:25px}.page-head p{margin:6px 0 0;color:#8b99ac;font-size:11px}.primary,.secondary{padding:9px 14px;border-radius:9px;font-size:11px;font-weight:800}.primary{border:0;background:linear-gradient(135deg,#1769ff,#159cff);color:#fff;box-shadow:0 5px 13px rgba(23,105,255,.2)}.secondary{border:1px solid #dfe6ef;background:#fff;color:#526986}.scope-bar{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:15px;border:1px solid #e6ebf2;border-radius:12px;background:#fff}.scope-tabs{display:flex;padding:3px;margin-right:auto;border-radius:8px;background:#eef2f7}.scope-tabs button{padding:6px 13px;border:0;border-radius:6px;background:none;color:#7a899d;font-size:10px}.scope-tabs button.active{background:#fff;color:#1769ff;font-weight:800;box-shadow:0 2px 6px rgba(24,56,100,.08)}.scope-bar label{color:#7c8a9e;font-size:10px}.scope-bar select,.scope-bar input{padding:7px 9px;margin-left:5px;border:1px solid #e1e7ef;border-radius:7px;background:#fff;color:#304967;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:17px 18px;border:1px solid #e7ecf3;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(39,67,107,.035)}.metric header{display:flex;align-items:center;justify-content:space-between}.metric-icon{display:grid;width:33px;height:33px;place-items:center;border-radius:10px;font-size:11px;font-weight:900}.metric-icon.blue{background:#e7f0ff;color:#1769ff}.metric-icon.cyan{background:#dff8fb;color:#0ca4b9}.metric-icon.violet{background:#eee9ff;color:#7551d6}.metric-icon.green{background:#e5f8ef;color:#18a168}.metric header em{padding:4px 6px;border-radius:6px;background:#eef9f4;color:#23946a;font-size:8px;font-style:normal}.metric>small{display:block;margin-top:15px;color:#8290a4;font-size:10px}.metric>strong{display:block;margin-top:5px;color:#172f55;font-size:24px}.metric>strong i{font-size:10px;font-style:normal}.metric footer{padding-top:11px;margin-top:12px;border-top:1px solid #edf1f6;color:#8b98aa;font-size:9px}.metric-grid.compact{margin-bottom:15px}.metric-grid.compact .metric{padding:15px 18px}.metric-grid.compact .metric>small{margin:0}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:14px;margin-top:14px}.panel{border:1px solid #e7ecf3;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(39,67,107,.035)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #edf1f6}.panel-head h2{margin:0;color:#1c3559;font-size:14px}.panel-head p{margin:4px 0 0;color:#91a0b2;font-size:9px}.panel-head button{border:0;background:none;color:#1769ff;font-size:9px}.legend{display:flex;gap:17px}.legend span{position:relative;padding-left:12px;color:#8290a3;font-size:9px}.legend span:before{position:absolute;left:0;top:2px;width:7px;height:7px;border-radius:2px;background:#1769ff;content:""}.legend .cost:before{background:#b9d4ff}.chart-wrap{display:flex;height:220px;padding:22px 22px 8px}.y-axis{display:flex;width:26px;flex-direction:column;justify-content:space-between;padding-bottom:23px;color:#9ca8b8;font-size:8px}.bar-chart{display:flex;flex:1;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #e9eef4;background:repeating-linear-gradient(to bottom,#edf1f6 0,#edf1f6 1px,transparent 1px,transparent 52px)}.bar-chart>div{position:relative;display:flex;width:42px;height:100%;align-items:flex-end;justify-content:center;gap:3px}.bar-chart>div:after{position:absolute;bottom:-20px;color:#8b98a9;font-size:8px;content:attr(data-day)}.bar-chart i,.bar-chart b{width:9px;border-radius:4px 4px 0 0;background:linear-gradient(#3181ff,#1769ff)}.bar-chart b{background:#c6dcff}.bar-chart .today:before{position:absolute;top:0;padding:2px 5px;border-radius:5px;background:#eaf2ff;color:#1769ff;font-size:7px;content:""}.chart-summary{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 18px 16px}.chart-summary span{display:flex;flex-direction:column;border-right:1px solid #edf1f6;text-align:center}.chart-summary span:last-child{border:0}.chart-summary small{color:#91a0b2;font-size:8px}.chart-summary strong{margin-top:3px;color:#2a4263;font-size:12px}.task-list{padding:5px 14px}.task{display:flex;width:100%;align-items:center;gap:10px;padding:13px 2px;border:0;border-bottom:1px solid #edf1f6;background:none;text-align:left}.task:last-child{border:0}.task>i{display:grid;width:31px;height:31px;flex:none;place-items:center;border-radius:9px;font-size:10px;font-style:normal;font-weight:900}.task>i.danger{background:#ffeaec;color:#e44957}.task>i.warning{background:#fff3dc;color:#e09217}.task>i.blue{background:#e8f1ff;color:#1769ff}.task>i.violet{background:#eee9ff;color:#7652d6}.task>span{display:flex;flex:1;flex-direction:column}.task strong{color:#314863;font-size:10px}.task small{margin-top:4px;color:#91a0b2;font-size:8px}.task em{color:#1769ff;font-size:9px;font-style:normal}.schedule-panel{margin-top:14px}.filter-chips{display:flex;gap:5px}.filter-chips button{padding:5px 8px!important;border:1px solid #e0e7f0!important;border-radius:7px!important;background:#fff!important;color:#72839a!important}.filter-chips button.active{border-color:#bcd5ff!important;background:#eaf2ff!important;color:#1769ff!important}.timeline{display:grid;grid-template-columns:55px repeat(3,1fr);height:405px;padding:10px 18px 18px}.time-col{display:flex;flex-direction:column;justify-content:space-between;padding:38px 0 8px}.time-col b{color:#8897a9;font-size:8px;font-weight:500}.time-col span{height:1px;background:#edf1f6}.court-col{position:relative;border-left:1px solid #edf1f6}.court-col header{height:38px;padding:5px 10px;border-bottom:1px solid #edf1f6}.court-col header strong{display:block;color:#344b67;font-size:9px}.court-col header small{color:#9aa5b4;font-size:7px}.slot{position:absolute;right:7px;left:7px;padding:8px;border-left:3px solid;border-radius:6px}.slot em{display:inline-block;padding:2px 4px;border-radius:4px;font-size:7px;font-style:normal}.slot b{display:block;margin-top:4px;font-size:9px}.slot small{display:block;margin-top:3px;font-size:7px}.slot.play{border-color:#1769ff;background:#eaf2ff;color:#335477}.slot.play em{background:#1769ff;color:#fff}.slot.booking{border-color:#0ca4b9;background:#e5f8fa;color:#35636b}.slot.booking em{background:#0ca4b9;color:#fff}.slot.course{border-color:#7652d6;background:#f0ecff;color:#584c79}.slot.course em{background:#7652d6;color:#fff}.table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf1f6}.table-toolbar>div{display:flex;gap:7px}.table-search{display:flex;width:260px;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e1e7ef;border-radius:8px;color:#8c9bad}.table-search input{width:100%;border:0;outline:none;font-size:9px}.table-toolbar select,.table-toolbar input[type=date]{padding:8px 10px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;color:#5b6f87;font-size:9px}table{width:100%;border-collapse:collapse}th{padding:11px 13px;background:#f8fafd;color:#8390a2;font-size:8px;font-weight:700;text-align:left}td{padding:12px 13px;border-top:1px solid #edf1f6;color:#4f627a;font-size:9px}.person{display:flex;align-items:center;gap:8px}.person i{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#e8f1ff;color:#1769ff;font-style:normal;font-weight:900}.person b,.two-line{display:flex;flex-direction:column;color:#314760;font-size:9px}.person small,.two-line small{margin-top:3px;color:#95a2b3;font-size:7px;font-weight:500}.level{padding:4px 7px;border-radius:6px;background:#eaf2ff;color:#1769ff;font-weight:800}.status,.type{display:inline-block;padding:4px 7px;border-radius:99px;font-size:8px}.status.success{background:#e6f7ef;color:#178c5e}.status.danger{background:#ffeaec;color:#d94d58}.status.warning{background:#fff3da;color:#d98c15}.status.blue,.type.blue{background:#e8f1ff;color:#1769ff}.status.gray{background:#eef1f5;color:#718197}.type.violet{background:#eee9ff;color:#7551d6}.type.green{background:#e3f7ed;color:#159466}.link{padding:0;border:0;background:none;color:#1769ff;font-size:9px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-top:1px solid #edf1f6;color:#8c99a9;font-size:8px}.pagination div{display:flex;gap:4px}.pagination button{width:25px;height:25px;border:1px solid #e2e7ef;border-radius:6px;background:#fff;color:#728198;font-size:8px}.pagination button.active{border-color:#1769ff;background:#1769ff;color:#fff}.view-switch,.module-tabs{display:flex;gap:5px;margin-bottom:14px;border-bottom:1px solid #e1e7ef}.view-switch button,.module-tabs button{padding:9px 15px;border:0;border-bottom:2px solid transparent;background:none;color:#78889d;font-size:10px}.view-switch button.active,.module-tabs button.active{border-color:#1769ff;color:#1769ff;font-weight:800}.venue-overview{display:grid;grid-template-columns:235px 1fr;gap:14px}.venue-side{padding:10px;border:1px solid #e7ecf3;border-radius:14px;background:#fff}.venue-side>label{display:block;padding:7px 8px;color:#8a98aa;font-size:9px}.venue-side button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:11px 9px;border:0;border-radius:9px;background:none;color:#5f7187;text-align:left}.venue-side button.active{background:#eaf2ff;color:#1769ff}.venue-side button>span{display:flex;flex-direction:column}.venue-side button b{font-size:10px}.venue-side button small{margin-top:4px;color:#93a0b1;font-size:8px}.venue-side button em{font-size:9px;font-style:normal;font-weight:800}.venue-side .add-venue{justify-content:center;margin-top:6px;border:1px dashed #b9cff0;color:#1769ff}.court-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 18px;border:1px solid #e6ebf2;border-radius:10px}.court-summary span{display:flex;flex-direction:column;padding:11px 15px;border-right:1px solid #e6ebf2}.court-summary span:last-child{border:0}.court-summary small{color:#8c99aa;font-size:8px}.court-summary b{margin-top:4px;color:#2a4260;font-size:12px}.date-control{color:#8593a5;font-size:9px}.date-control strong{margin:0 11px;color:#344c68}.court-calendar{padding:0 18px 18px}.court-calendar>header,.court-calendar>div{display:grid;grid-template-columns:70px repeat(3,1fr)}.court-calendar>header>*{padding:8px;border-bottom:1px solid #dfe6ef;color:#65778e;font-size:9px;text-align:center}.court-calendar>div{min-height:45px}.court-calendar time{padding:9px;border-right:1px solid #edf1f6;color:#8795a7;font-size:8px}.court-calendar>div>*:not(time){border-right:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.court-calendar .block{padding:6px;border:0;border-left:3px solid;border-radius:5px;text-align:left}.court-calendar .block b{display:block;font-size:8px}.court-calendar .block small{font-size:7px}.court-calendar .play{border-color:#1769ff;background:#eaf2ff;color:#1769ff}.court-calendar .booking{border-color:#0ca4b9;background:#e4f8fa;color:#168a99}.court-calendar .activity{border-color:#7452d3;background:#eee9ff;color:#6649b7}.continued{display:block}.placeholder-view{min-height:420px;padding:35px}.placeholder-view h2{margin:0;font-size:18px}.placeholder-view p{color:#8290a3;font-size:11px}.mock-bars{display:flex;gap:20px;height:240px;align-items:flex-end}.mock-bars i{width:14%;height:55%;border-radius:10px 10px 0 0;background:#e2ecfb}.mock-bars i:nth-child(2){height:80%;background:#1769ff}.mock-bars i:nth-child(3){height:40%}.mock-bars i:nth-child(4){height:68%}.summary-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.summary-blocks span{display:flex;flex-direction:column;padding:24px;border-radius:12px;background:#f4f7fb;color:#8190a4;font-size:10px}.summary-blocks b{margin-top:8px;color:#1769ff;font-size:23px}.donut-row{display:flex;align-items:center;gap:40px;margin-top:40px}.donut-row>i{width:170px;height:170px;border-radius:50%;background:conic-gradient(#1769ff 0 42%,#16afc0 42% 68%,#7959dd 68% 86%,#53c48f 86%);box-shadow:inset 0 0 0 45px #fff}.donut-row span{display:flex;flex-direction:column;gap:13px}.donut-row b{font-size:11px}.points-ledgers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.points-ledgers article{display:flex;align-items:center;gap:13px;padding:18px;border-radius:14px;color:#fff}.points-ledgers .blue-card{background:linear-gradient(135deg,#145ee8,#2584ff)}.points-ledgers .cyan-card{background:linear-gradient(135deg,#0d94a8,#24c1cd)}.points-ledgers .violet-card{background:linear-gradient(135deg,#6847c3,#9472ef)}.points-ledgers article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(255,255,255,.15);font-size:13px;font-weight:900}.points-ledgers article>div{display:flex;flex-direction:column}.points-ledgers small{font-size:9px;opacity:.8}.points-ledgers strong{margin-top:3px;font-size:22px}.points-ledgers em{margin-top:3px;font-size:8px;font-style:normal;opacity:.76}.points-grid{grid-template-columns:1fr 1fr}.admin-ranks{padding:6px 18px}.admin-ranks>div{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f6}.admin-ranks>div>b{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;background:#eaf2ff;color:#1769ff;font-size:8px}.admin-ranks>div>i{display:grid;width:33px;height:33px;place-items:center;border-radius:50%;background:#f0f4fa;color:#526c8a;font-size:9px;font-style:normal}.admin-ranks>div>span{display:flex;flex:1;flex-direction:column}.admin-ranks strong{font-size:10px}.admin-ranks small{margin-top:3px;color:#8e9bad;font-size:8px}.admin-ranks em{color:#1769ff;font-size:10px;font-style:normal;font-weight:800}.event-list{padding:7px 18px}.event-list p{display:flex;align-items:center;gap:10px;padding:8px 0;margin:0;border-bottom:1px solid #edf1f6}.event-list i{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;font-size:9px;font-style:normal;font-weight:900}.event-list .plus{background:#e6f7ef;color:#198d60}.event-list .minus{background:#ffeaec;color:#d94854}.event-list span{display:flex;flex-direction:column}.event-list b{font-size:9px}.event-list small{margin-top:3px;color:#929faf;font-size:8px}.positive{color:#198e60;font-weight:800}.negative{color:#d94c57;font-weight:800}.notice-banner{display:flex;align-items:center;gap:10px;padding:13px 15px;margin-bottom:14px;border:1px solid #cfe1ff;border-radius:11px;background:#eaf2ff}.notice-banner i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#1769ff;color:#fff;font-size:10px;font-style:normal}.notice-banner span{display:flex;flex-direction:column}.notice-banner strong{font-size:10px}.notice-banner small{margin-top:3px;color:#687e9c;font-size:8px}.empty-state{display:flex;min-height:390px;align-items:center;justify-content:center;flex-direction:column}.empty-state>div{display:grid;width:62px;height:62px;place-items:center;border-radius:18px;background:#eaf2ff;color:#1769ff;font-size:25px}.empty-state h2{margin:16px 0 0;font-size:16px}.empty-state p{margin:7px 0 16px;color:#8796a8;font-size:10px}.ledger-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.ledger-summary article{display:flex;flex-direction:column;padding:15px;border:1px solid #e7ecf3;border-radius:11px;background:#fff}.ledger-summary small{color:#8997a8;font-size:8px}.ledger-summary strong{margin-top:5px;color:#1b3457;font-size:19px}.ledger-summary em{margin-top:4px;color:#98a4b3;font-size:7px;font-style:normal}.module-tabs.inside{padding:8px 12px 0;margin:0}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:14px}.settings-layout>nav{display:flex;height:max-content;flex-direction:column;padding:8px;border:1px solid #e7ecf3;border-radius:13px;background:#fff}.settings-layout>nav button{padding:11px;border:0;border-radius:8px;background:none;color:#718198;font-size:10px;text-align:left}.settings-layout>nav button.active{background:#eaf2ff;color:#1769ff;font-weight:800}.settings-content{min-height:500px}.admin-card{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #edf1f6}.admin-card>.person{flex:1}.admin-card>em{padding:4px 8px;border-radius:99px;background:#e6f7ef;color:#16885b;font-size:8px;font-style:normal}.admin-card>button{border:0;background:none;color:#8997a9}.permission-note{padding:13px;margin:18px;border-radius:10px;background:#f3f7fc}.permission-note b{font-size:10px}.permission-note p{margin:5px 0 0;color:#71849b;font-size:9px;line-height:1.6}.drawer{position:fixed;z-index:50;right:-440px;top:0;bottom:0;display:flex;width:430px;flex-direction:column;background:#fff;box-shadow:-20px 0 60px rgba(18,40,73,.18);transition:.25s}.drawer.open{right:0}.drawer>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e7ecf3}.drawer>header small{color:#8d9aab;font-size:8px}.drawer h2{margin:4px 0 0;font-size:18px}.drawer>header button{border:0;background:none;color:#8290a2;font-size:22px}.drawer-body{flex:1;padding:20px 22px;overflow:auto}.drawer-summary{display:grid;grid-template-columns:1fr 1fr;padding:13px;border-radius:11px;background:#f4f7fb}.drawer-summary span{display:flex;flex-direction:column}.drawer-summary small{color:#8c99aa;font-size:8px}.drawer-summary strong{margin-top:4px;color:#1769ff;font-size:11px}.drawer h3{margin:22px 0 10px;font-size:12px}.drawer dl{margin:0;border:1px solid #e7ecf3;border-radius:10px}.drawer dl div{display:flex;justify-content:space-between;padding:11px;border-bottom:1px solid #edf1f6;font-size:9px}.drawer dl div:last-child{border:0}.drawer dt{color:#8c99aa}.drawer dd{margin:0;color:#344c68}.log{display:flex;gap:10px}.log>i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#1769ff;box-shadow:0 0 0 5px #eaf2ff}.log span{display:flex;flex-direction:column}.log b{font-size:9px}.log small{margin-top:4px;color:#919eae;font-size:8px}.drawer>footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 22px;border-top:1px solid #e7ecf3}.drawer-mask{position:fixed;z-index:40;inset:0;background:rgba(15,34,63,.35);opacity:0;pointer-events:none;transition:.2s}.drawer-mask.show{opacity:1;pointer-events:auto}.toast{position:fixed;z-index:100;left:50%;bottom:30px;padding:10px 17px;border-radius:99px;background:#152d4e;color:#fff;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1250px){.metric-grid{gap:9px}.metric{padding:14px}.page{padding-right:20px;padding-left:20px}.topbar{padding:0 20px}.ledger-summary{grid-template-columns:repeat(3,1fr)}}
.admin-brand{color:#fff;text-decoration:none}
.foundation-badge{display:inline-flex;padding:5px 9px;margin-left:12px;border-radius:99px;background:#e8f1ff;color:#1769ff;font-size:9px;font-weight:900}
.page[data-page-panel="dashboard"]>.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.page[data-page-panel="dashboard"] .metric{padding:16px}.metric-title{display:flex;align-items:center;gap:10px}.metric-title>b{color:#314863;font-size:14px;white-space:nowrap}.metric-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.metric-icon.amber{background:#fff2dc;color:#d68b16}.page[data-page-panel="dashboard"] .metric>strong{margin-top:18px;font-size:23px;letter-spacing:-.4px}.page[data-page-panel="dashboard"] .metric footer{min-height:28px;line-height:1.55}.legend .profit:before{background:#31b879}.bar-chart i,.bar-chart b,.bar-chart>div>span{width:8px;border-radius:4px 4px 0 0}.bar-chart>div>span{display:block;background:linear-gradient(#58cf98,#31b879)}.chart-summary{grid-template-columns:repeat(4,1fr)}.chart-summary .profit-summary strong{color:#1d9b66}
.schedule-venue-tabs{display:flex;gap:5px;padding:3px;border-radius:9px;background:#f0f4f9}.schedule-venue-tabs button{padding:6px 10px!important;border-radius:7px!important;color:#718198!important}.schedule-venue-tabs button.active{background:#fff!important;color:#1769ff!important;font-weight:800;box-shadow:0 2px 7px rgba(31,62,104,.09)}.court-schedule{padding:0 18px 18px}.court-time-axis{display:grid;grid-template-columns:86px repeat(6,1fr);padding:13px 10px 8px;color:#96a2b2;font-size:8px}.court-time-axis b{font-weight:600;text-align:right}.venue-schedule-group{margin-top:9px;overflow:hidden;border:1px solid #e7ecf3;border-radius:11px}.venue-schedule-group>header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#f8fafd}.venue-schedule-group>header span{display:flex;align-items:center;gap:8px}.venue-schedule-group>header strong{color:#263f61;font-size:10px}.venue-schedule-group>header small{padding:3px 6px;border-radius:99px;background:#e8f1ff;color:#1769ff;font-size:7px}.venue-schedule-group>header em{color:#7e8da1;font-size:8px;font-style:normal}.court-track-row{display:grid;grid-template-columns:86px 1fr;min-height:50px;border-top:1px solid #edf1f6}.court-track-row>strong{display:flex;align-items:center;padding-left:13px;color:#536983;font-size:9px}.court-track{position:relative;margin:8px 12px 8px 0;border-radius:7px;background:repeating-linear-gradient(to right,#edf1f6 0,#edf1f6 1px,transparent 1px,transparent calc(100% / 13)),#f9fbfd}.court-event{position:absolute;top:0;bottom:0;display:flex;min-width:76px;align-items:center;gap:6px;padding:0 8px;overflow:hidden;border:0;border-left:3px solid;border-radius:6px;text-align:left;white-space:nowrap}.court-event b{font-size:8px}.court-event small{font-size:7px}.court-event.play{border-color:#1769ff;background:#e7f0ff;color:#1769ff}.court-event.booking{border-color:#0ca4b9;background:#e2f7f9;color:#138798}.court-event.course{border-color:#7652d6;background:#eee9ff;color:#664ab7}.court-event.activity{border-color:#e89520;background:#fff2dd;color:#b77316}
.login-gate{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#102d55 0,#164a82 55%,#1f7ce9 100%)}.login-gate.hidden{display:none}.login-card{display:flex;width:min(420px,100%);flex-direction:column;padding:34px;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(6,25,52,.32)}.login-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:#1769ff;color:#fff;font-size:21px;font-weight:900}.login-card>p{margin:16px 0 4px;color:#718198;font-size:11px}.login-card h1{margin:0 0 24px;color:#173557;font-size:26px}.login-card label{display:flex;flex-direction:column;gap:8px;color:#52677f;font-size:11px;font-weight:700}.login-card input{padding:13px;border:1px solid #dce5f0;border-radius:9px;outline:none;font:inherit;font-weight:500}.login-card input:focus{border-color:#1769ff;box-shadow:0 0 0 3px #e7f0ff}.login-card .primary{margin-top:16px;padding:12px}.login-card>small{margin-top:13px;color:#91a0b2;font-size:9px;line-height:1.6}.login-card code{color:#516b8a}#login-error{min-height:18px;margin-top:8px;color:#d54855;font-size:10px}.side-club select{width:100%;margin-top:8px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#203c62;color:#fff;font-size:9px}.side-user>button{width:auto;padding:5px;color:#9cb0c8;font-size:8px}.loading-cell{padding:28px!important;color:#8595a8!important;text-align:center!important}.error-cell{color:#d54855!important}.empty-inline{padding:14px;border-radius:9px;background:#f5f8fc;color:#8292a6;font-size:9px}.roster-list{overflow:hidden;border:1px solid #e6ecf3;border-radius:10px}.roster-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #edf1f6}.roster-row:last-child{border-bottom:0}.roster-row span{display:flex;flex-direction:column}.roster-row b{color:#344c68;font-size:9px}.roster-row small{margin-top:3px;color:#91a0b2;font-size:8px}.danger-link{color:#d64b58}.danger-button{padding:8px 12px;border:1px solid #efb9c0;border-radius:7px;background:#fff1f3;color:#c93f4c;font-size:9px}.audit-list{display:flex;flex-direction:column;gap:14px}.snapshot-list p{display:flex;justify-content:space-between;padding:9px 11px;margin:0;border-bottom:1px solid #edf1f6;color:#60758f;font-size:9px}.snapshot-list b{color:#1769ff}.pagination button:disabled{cursor:not-allowed;opacity:.45}
.settings-layout>nav>label{padding:7px 11px;color:#8a98aa;font-size:9px}.settings-layout>nav #organization-list{display:flex;flex-direction:column;gap:4px}.settings-layout>nav #organization-list button{display:flex;flex-direction:column}.settings-layout>nav #organization-list button small{margin-top:3px;color:#91a0b2;font-size:8px}.settings-layout>nav .add-organization{margin-top:9px;border:1px dashed #b9cff0;color:#1769ff;text-align:center}.role-assignment{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #edf1f6}.role-assignment>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e8f1ff;color:#1769ff;font-size:10px;font-style:normal;font-weight:900}.role-assignment>span{display:flex;flex:1;flex-direction:column}.role-assignment b{color:#314760;font-size:10px}.role-assignment small{margin-top:4px;color:#8f9dad;font-size:8px}.role-assignment em{padding:4px 7px;border-radius:99px;background:#e7f7ef;color:#168b5d;font-size:8px;font-style:normal}

.unavailable-panel{margin-top:14px}.unavailable-state{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center}.unavailable-state>i{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#eef4fc;color:#6680a1;font-size:16px;font-style:normal;font-weight:900}.unavailable-state h2{margin:14px 0 0;color:#294463;font-size:15px}.unavailable-state p{max-width:650px;margin:7px 0 15px;color:#8190a4;font-size:10px;line-height:1.7}.unavailable-state button+button{margin-left:7px}.unavailable-state button:disabled,.primary:disabled,.secondary:disabled{cursor:not-allowed;box-shadow:none;opacity:.48}.overview-row{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 18px;border:0;border-bottom:1px solid #edf1f6;background:#fff;text-align:left}.overview-row:last-child{border-bottom:0}.overview-row:hover{background:#f8fafd}.overview-row>span{display:flex;flex-direction:column}.overview-row b{color:#314863;font-size:10px}.overview-row small{margin-top:5px;color:#8b99ac;font-size:8px}.overview-row em{color:#1769ff;font-size:10px;font-style:normal;font-weight:800}
.overview-venue{margin:14px 18px;overflow:hidden;border:1px solid #e6ebf3;border-radius:11px}.overview-venue>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#f8fafd}.overview-venue>header span{display:flex;align-items:center;gap:8px}.overview-venue>header strong{color:#294463;font-size:11px}.overview-venue>header small{padding:3px 7px;border-radius:99px;background:#e8f1ff;color:#1769ff;font-size:8px}.overview-venue>header em{color:#7f8ea2;font-size:8px;font-style:normal}.schedule-court{display:grid;grid-template-columns:120px 1fr;min-height:54px;border-top:1px solid #edf1f6}.schedule-court>strong{display:flex;align-items:center;padding:0 13px;color:#506680;font-size:10px}.schedule-court>div{display:flex;align-items:center;gap:8px;padding:8px 12px;border-left:1px solid #edf1f6}.schedule-court>div>em{color:#99a5b4;font-size:9px;font-style:normal}.schedule-slot{display:flex;align-items:center;gap:7px;padding:8px 10px;border-left:3px solid #1769ff;border-radius:7px;background:#eaf2ff;color:#1769ff}.schedule-slot b{font-size:9px}.schedule-slot small{font-size:8px}.schedule-slot.cancelled{border-color:#9ca9b8;background:#eef1f5;color:#718197;text-decoration:line-through}
.venue-admin-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px}.venue-admin-list{align-self:start;overflow:hidden}.venue-admin-list>header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #edf1f6}.venue-admin-list>header b{color:#294463;font-size:11px}.venue-admin-list>header small{color:#8b99ac;font-size:9px}.venue-admin-list>div{padding:7px}.venue-list-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:11px;border:0;border-radius:9px;background:#fff;text-align:left}.venue-list-item:hover{background:#f6f9fd}.venue-list-item.active{background:#eaf2ff}.venue-list-item span{display:flex;min-width:0;flex-direction:column}.venue-list-item b{overflow:hidden;color:#334c69;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.venue-list-item small{margin-top:4px;color:#8d9bac;font-size:8px}.venue-list-item em{color:#168b5d;font-size:8px;font-style:normal}.venue-admin-detail{min-height:560px;overflow:hidden}.venue-section{padding:0 18px 18px}.venue-section+.venue-section{border-top:1px solid #edf1f6}.venue-section>header{display:flex;align-items:center;justify-content:space-between;padding:17px 0 10px}.venue-section>header div{display:flex;flex-direction:column}.venue-section h3{margin:0;color:#294463;font-size:12px}.venue-section header small{margin-top:4px;color:#8b99ac;font-size:8px}.venue-table{overflow:auto;border:1px solid #e7ecf3;border-radius:9px}.venue-table th,.venue-table td{white-space:nowrap}
.period-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.period-toolbar .module-tabs{margin:0}.period-toolbar input,.points-toolbar input,.points-toolbar select{padding:9px 10px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;color:#536981;font:inherit;font-size:9px}.user-metrics,.point-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.user-metrics article,.point-summary article{display:flex;flex-direction:column;padding:18px;border:1px solid #e4eaf2;border-radius:13px;background:#fff}.user-metrics small,.point-summary small{color:#71839a;font-size:10px;font-weight:700}.user-metrics strong,.point-summary strong{margin-top:8px;color:#17385f;font-size:25px}.user-metrics em{margin-top:5px;color:#99a5b4;font-size:8px;font-style:normal}.points-toolbar{display:flex;align-items:flex-end;gap:8px;padding:13px 15px;border-bottom:1px solid #edf1f6}.points-toolbar label{display:flex;flex-direction:column;gap:5px;color:#7e8da0;font-size:8px}.points-toolbar .table-search{width:230px;flex-direction:row;align-items:center;margin-left:auto}.positive-points{color:#168b5d;font-weight:800}.negative-points{color:#d64b58;font-weight:800}@media(max-width:900px){.user-metrics,.point-summary{grid-template-columns:1fr}.points-toolbar{align-items:stretch;flex-direction:column}.points-toolbar .table-search{width:auto;margin:0}}
.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-form label{display:flex;flex-direction:column;gap:6px;color:#60738b;font-size:9px;font-weight:700}.admin-form label.wide{grid-column:1/-1}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:10px;border:1px solid #dfe6ef;border-radius:8px;background:#fff;color:#304967;font:inherit;font-size:10px}.admin-form textarea{min-height:75px;resize:vertical}.admin-form .agreement-check{flex-direction:row;align-items:flex-start;padding:10px;border-radius:8px;background:#f3f7fc;font-weight:500;line-height:1.5}.admin-form .agreement-check input{width:auto;margin-top:2px}.form-error{grid-column:1/-1;min-height:16px;margin:0;color:#d54855;font-size:9px}