@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#1b2a43;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f5f8fc}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand-bar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid #e4eaf2;background:#fff}.brand{display:inline-flex;align-items:center;gap:10px;color:#172640;text-decoration:none}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#172b49;color:#a9caff;font-size:21px}.brand>span:last-child{display:grid;gap:2px}.brand b{font-size:16px;letter-spacing:-.04em}.brand small{color:#8995a7;font-size:10px;font-weight:700}.admin-link{color:#5473cf;font-size:11px;font-weight:800;text-decoration:none}.eyebrow{margin:0 0 7px;color:#8793a5;font-size:10px;font-weight:800;letter-spacing:.13em}.button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 15px;border:0;border-radius:8px;font-size:11px;font-weight:800}.button.primary{background:#3567df;color:#fff;box-shadow:0 6px 14px #3567df2e}.button.primary:disabled{opacity:.45;cursor:not-allowed}.button.subtle{border:1px solid #dce4ef;background:#fff;color:#718096}.button.wide{width:100%}.customer-shell{width:min(1050px,calc(100% - 32px));margin:0 auto;padding:50px 0 70px}.customer-intro{margin-bottom:31px}.customer-intro h1{margin:0;color:#172640;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.07em}.customer-intro h1 span{color:#3c6ee4}.customer-intro>p:last-child{max-width:500px;margin:16px 0 0;color:#7f8ca0;font-size:13px;line-height:1.7}.booking-card{border:1px solid #e1e8f0;border-radius:17px;background:#fff;box-shadow:0 13px 35px #233a5f0e}.stepper{display:flex;align-items:center;padding:20px 26px;border-bottom:1px solid #edf1f5}.step{display:flex;align-items:center;gap:8px;color:#a0aab9;white-space:nowrap}.step span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #dfe5ec;border-radius:50%;font-family:DM Mono,monospace;font-size:9px}.step b{font-size:10px}.step.current{color:#3567df}.step.current span,.step.done span{border-color:#3567df;background:#3567df;color:#fff}.step.done{color:#4aa782}.step.done span{border-color:#4aa782;background:#4aa782}.step i{width:70px;height:1px;margin:0 14px;background:#e7ebf0}.step.done i{background:#aee0cb}.booking-step{padding:30px 31px 8px;min-height:330px}.step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}.step-heading h2{margin:0;color:#293a56;font-size:21px;letter-spacing:-.04em}.step-heading p:last-child{margin:6px 0 0;color:#8b96a6;font-size:11px}.date-control{display:grid;gap:6px;color:#8692a3;font-size:10px;font-weight:800;text-transform:uppercase}.date-control input{height:37px;border:1px solid #dde5ef;border-radius:8px;padding:0 9px;color:#485875;font-size:11px}.court-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.court-card{display:grid;gap:7px;min-height:145px;padding:17px;border:1px solid #e0e7ef;border-radius:11px;background:#fbfcfe;color:#42516a;text-align:left}.court-card:hover,.court-card.selected{border-color:#8eaafa;background:#f1f5ff}.court-number{color:#8e9aac;font-family:DM Mono,monospace;font-size:10px}.court-card strong{color:#2d3e59;font-size:15px}.court-card small{color:#8d98a8;font-size:10px}.court-card i{align-self:end;color:#4971d8;font-size:10px;font-style:normal;font-weight:800}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot-card{display:grid;gap:7px;min-height:74px;padding:14px;border:1px solid #dde5ee;border-radius:9px;background:#fff;color:#3d4e69;text-align:left}.slot-card span{font-family:DM Mono,monospace;font-size:12px}.slot-card small{color:#91a0b2;font-size:10px}.slot-card.available:hover,.slot-card.available.selected{border-color:#87a7f7;background:#eef3ff}.slot-card.pending{border-color:#f4d58f;background:#fffaf0}.slot-card.approved{border-color:#a9ddc6;background:#f1fbf6}.slot-card.rejected,.slot-card:disabled{opacity:.7;cursor:not-allowed}.booking-actions{display:flex;justify-content:flex-end;gap:8px;padding:18px 31px 24px;border-top:1px solid #edf1f5}.text-button,.link-button{border:0;background:transparent;color:#4d72d5;font-size:11px;font-weight:800}.form-stack{display:grid;max-width:550px;gap:13px}.form-field{display:grid;gap:6px;color:#7e8b9e;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:42px;border:1px solid #dee6ef;border-radius:8px;outline:none;padding:10px 11px;background:#fbfcfe;color:#354863;font-size:12px;text-transform:none;letter-spacing:0}.form-field textarea{min-height:73px;resize:vertical}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#88a6f7;box-shadow:0 0 0 3px #edf2ff}.confirm-summary{display:grid;gap:5px;max-width:550px;margin-top:18px;padding:13px;border-radius:9px;background:#f1f5ff;color:#6d7e9e;font-size:10px}.confirm-summary b{color:#385aab;font-size:12px}.confirm-summary small{font-size:10px}.alert{margin:18px 28px 0;padding:11px 13px;border-radius:8px;font-size:11px}.alert.error{background:#fff0ef;color:#c96864}.loading-line{padding:50px;color:#8894a6;font-size:12px;text-align:center}.empty-state{padding:55px 10px;color:#a0aab8;font-size:12px;text-align:center}.success-shell{display:grid;place-items:center;min-height:calc(100vh - 72px)}.success-card{width:min(490px,100%);padding:35px;border:1px solid #e1e8f0;border-radius:17px;background:#fff;box-shadow:0 13px 35px #233a5f0e;text-align:center}.success-icon{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 18px;border-radius:50%;background:#dcf6e9;color:#2b9d72;font-size:25px;font-weight:800}.success-card h1{margin:0;color:#1c2b45;font-size:25px;letter-spacing:-.05em}.success-copy{color:#8995a7;font-size:12px;line-height:1.6}.booking-ticket{display:grid;gap:7px;margin:22px 0;padding:17px;border:1px dashed #b9c9e9;border-radius:10px;background:#f6f8ff;text-align:left}.booking-ticket>span{color:#8391a6;font-size:10px}.booking-ticket>strong{color:#3567df;font-family:DM Mono,monospace;font-size:20px}.booking-ticket>div{display:flex;justify-content:space-between;gap:10px;margin-top:5px;padding-top:9px;border-top:1px solid #e2e8f5;font-size:10px}.booking-ticket>div span{color:#7e8ca3;text-align:right}.booking-ticket em{margin-top:5px;color:#bd8521;font-size:10px;font-style:normal;font-weight:800}.admin-login{display:grid;place-items:center;min-height:calc(100vh - 72px);padding:25px}.login-card{width:min(400px,100%);padding:31px;border:1px solid #e1e8f0;border-radius:14px;background:#fff;box-shadow:0 13px 35px #233a5f0e}.login-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:17px;border-radius:12px;background:#edf2ff;color:#3567df;font-size:23px}.login-card h1{margin:0;color:#1e2e49;font-size:24px;letter-spacing:-.05em}.login-card>p:not(.eyebrow){margin:8px 0 21px;color:#8b96a6;font-size:11px;line-height:1.5}.login-card .form-field{margin-top:13px}.login-card .button{margin-top:20px}.admin-shell{width:min(1280px,calc(100% - 50px));margin:0 auto;padding:42px 0 70px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-heading h1{margin:0;color:#192a45;font-size:30px;letter-spacing:-.06em}.admin-heading p:last-child{margin:7px 0 0;color:#8793a5;font-size:12px}.admin-actions{display:flex;align-items:center;gap:8px}.admin-actions input{height:40px;border:1px solid #dae3ef;border-radius:8px;padding:0 10px;color:#52627b;font-size:11px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:17px}.admin-stats>div{display:flex;align-items:center;justify-content:space-between;padding:17px;border:1px solid #e1e8f0;border-radius:11px;background:#fff}.admin-stats span{color:#8894a6;font-size:11px}.admin-stats b{color:#2c3d58;font-size:22px}.admin-card{padding:20px;border:1px solid #e1e8f0;border-radius:13px;background:#fff;box-shadow:0 7px 20px #233a5f08}.admin-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.admin-card-heading h2{margin:0;color:#2c3b55;font-size:17px;letter-spacing:-.03em}.legend{display:flex;gap:11px;color:#8e99aa;font-size:10px}.legend span{display:inline-flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:50%}.dot.pending{background:#dfaa3e}.dot.approved{background:#3bac7e}.dot.empty{background:#c7ced8}.booking-grid{display:grid;grid-template-columns:110px repeat(var(--court-count, 3),minmax(130px,1fr));min-width:650px;border-top:1px solid #e7ebf1;border-left:1px solid #e7ebf1;overflow-x:auto}.grid-corner,.grid-court,.grid-time,.grid-cell{min-height:92px;padding:10px;border-right:1px solid #e7ebf1;border-bottom:1px solid #e7ebf1}.grid-corner,.grid-court{min-height:45px;background:#f7f9fc;color:#8190a5;font-size:10px;font-weight:800;letter-spacing:.06em}.grid-court{color:#3d5271;text-align:center}.grid-time{display:grid;align-content:center;gap:4px;background:#fbfcfe;color:#52637e;font-family:DM Mono,monospace;font-size:11px}.grid-time small{color:#a4adba;font-size:9px}.grid-cell{display:grid;align-content:center;gap:4px;background:#fff}.grid-cell.empty{background:#fcfdff}.grid-cell.pending{background:#fff9eb}.grid-cell.approved{background:#effaf5}.grid-cell.rejected{background:#fff5f4}.grid-cell b{overflow:hidden;color:#40516d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.grid-cell span{color:#909baa;font-family:DM Mono,monospace;font-size:9px}.grid-cell em{color:#b58320;font-size:9px;font-style:normal;font-weight:800}.approved em{color:#32906d}.rejected em{color:#bd6c67}.free-label{color:#aeb7c3!important;font-family:inherit!important;text-align:center}.cell-actions{display:flex;gap:4px;margin-top:3px}.cell-actions button{height:23px;padding:0 5px;border:0;border-radius:4px;background:#3567df;color:#fff;font-size:8px;font-weight:800}.cell-actions button:last-child{background:#fff;color:#c36d67;border:1px solid #efccc9}.config-section{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.inline-form{display:grid;grid-template-columns:1fr 1.2fr auto auto;gap:7px;margin-bottom:15px}.inline-form input{min-width:0;height:38px;border:1px solid #dfe6ef;border-radius:7px;padding:0 9px;color:#52627b;font-size:10px}.config-list,.slot-admin-list{display:grid;gap:5px}.config-list>div,.slot-admin-list>div{display:grid;grid-template-columns:29px 1fr 1fr auto auto auto;align-items:center;gap:8px;min-height:40px;border-top:1px solid #f0f2f5;color:#65738a;font-size:10px}.config-list b{color:#40516b}.config-list small{color:#9aa4b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-list button{border:0;background:transparent;color:#5573ca;font-size:10px;font-weight:800}.config-list button:last-child{color:#c5706b}.config-number{color:#8e9aac;font-family:DM Mono,monospace}.config-status{border-radius:999px;padding:4px 6px;font-size:8px;font-weight:800;white-space:nowrap}.config-status.active{background:#e6f7ef;color:#31906e}.config-status.inactive{background:#f1f3f6;color:#8a95a5}.slot-admin-list>div{grid-template-columns:1fr auto}.slot-admin-list b{color:#53637b;font-family:DM Mono,monospace;font-size:10px}.config-hint{color:#9ba5b2;font-size:10px;line-height:1.5}@media (max-width: 850px){.customer-shell{padding-top:33px}.admin-shell{width:min(100% - 28px,700px);padding-top:30px}.booking-grid{grid-template-columns:90px repeat(3,130px)}.admin-stats{grid-template-columns:repeat(2,1fr)}.config-section{grid-template-columns:1fr}}@media (max-width: 600px){.brand-bar{height:62px;padding:0 15px}.admin-link{font-size:10px}.customer-shell{width:calc(100% - 24px);padding:28px 0 45px}.customer-intro h1{font-size:37px}.stepper{padding:15px}.step b{display:none}.step i{width:40px;margin:0 8px}.booking-step{padding:23px 17px 7px}.step-heading{align-items:flex-start;flex-direction:column}.date-control,.date-control input{width:100%}.court-grid,.slot-grid{grid-template-columns:1fr}.booking-actions{padding:16px 17px 20px}.booking-actions .button{flex:1}.success-card{padding:25px 18px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-actions{width:100%}.admin-actions input{flex:1}.admin-stats{gap:7px}.admin-stats>div{padding:12px}.admin-stats span{font-size:9px}.admin-stats b{font-size:18px}.admin-card{padding:14px}.admin-card-heading{align-items:flex-start;flex-direction:column}.legend{flex-wrap:wrap}.inline-form{grid-template-columns:1fr}.config-list>div{grid-template-columns:25px 1fr auto auto}.config-list small,.config-list .config-status{display:none}}.slot-inline-form{display:flex;align-items:center;gap:6px;margin-bottom:15px}.slot-inline-form input{width:105px;height:38px;border:1px solid #dfe6ef;border-radius:7px;padding:0 8px;color:#52627b;font-size:10px}.slot-inline-form>span{color:#9aa4b3;font-size:12px}.slot-inline-form .button{height:38px;padding:0 9px}.slot-admin-list>div{grid-template-columns:1fr auto auto auto}.slot-admin-list button{border:0;background:transparent;color:#5573ca;font-size:10px;font-weight:800}.slot-admin-list button:last-child{color:#c5706b}@media (max-width: 600px){.slot-inline-form{flex-wrap:wrap}.slot-inline-form input{flex:1;min-width:100px}.slot-inline-form .button{flex:1}.slot-admin-list>div{grid-template-columns:1fr auto auto}.slot-admin-list .config-status{display:none}}