:root{--green:#0b5d3b;--lime:#c8f51a;--mint:#eaf7ef;--bg:#f6f8f7;--ink:#17211b;--muted:#66736b;--line:#dce7e0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--green);font-size:21px;font-weight:800;text-decoration:none;margin:0 10px 48px}.brand>span:last-child span{color:#83aa09}.brand-mark{background:var(--lime);color:var(--green);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:800}.sidebar nav{display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:500;font-size:13px}.nav-item.active,.nav-item:hover{background:var(--mint);color:var(--green);font-weight:700}.sidebar-bottom{margin-top:auto}.shell{margin-left:230px;min-height:100vh;padding:40px clamp(24px,5vw,72px);max-width:1300px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.topbar h1{margin:7px 0 0;font-size:30px;letter-spacing:-1px}.eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:1.3px;margin:0}.muted{color:var(--muted);line-height:1.6}.avatar{width:40px;height:40px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.hero{background:var(--green);border-radius:20px;padding:44px 50px;color:#fff;display:flex;justify-content:space-between;overflow:hidden;min-height:270px}.hero h2{font-size:42px;line-height:1.08;letter-spacing:-2px;margin:12px 0}.hero h2 em{color:var(--lime);font-style:normal}.hero-art{font-size:130px;opacity:.9;display:grid;place-items:center;min-width:260px}.btn{border:0;border-radius:10px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex;gap:12px;align-items:center;cursor:pointer}.primary{background:var(--green);color:#fff}.lime{background:var(--lime);color:var(--green);margin-top:18px}.full{width:100%;justify-content:center}.section-head{display:flex;justify-content:space-between;align-items:center;margin:38px 0 16px}.section-head h2,.panel h2{font-size:20px;margin:0;letter-spacing:-.5px}.section-head a{color:var(--green);font-weight:700;text-decoration:none}.booking-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 22px;display:flex;align-items:center;gap:18px;max-width:800px}.date-block{width:55px;text-align:center;background:var(--mint);color:var(--green);padding:8px;border-radius:10px}.date-block strong{font-size:24px;display:block}.date-block span{font-size:10px;font-weight:800}.booking-info{display:grid;gap:6px;flex:1}.booking-info span,.booking-info small{color:var(--muted);font-size:12px}.status{font-size:11px;font-weight:700;padding:7px 10px;border-radius:30px}.confirmed{background:var(--mint);color:var(--green)}.flow{max-width:820px}.steps{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#aab8b0}.steps span{border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.steps .current{background:var(--green);color:#fff;border-color:var(--green)}.steps i{height:1px;background:var(--line);flex:1}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.panel label,.auth-card label{display:grid;gap:8px;font-size:12px;font-weight:700;margin:24px 0}.panel input,.auth-card input{border:1px solid var(--line);border-radius:9px;padding:13px;font:inherit;color:var(--ink)}.panel h3{font-size:14px;margin-top:30px}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time-option{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;cursor:pointer}.time-option.selected{border-color:var(--green);background:var(--mint);color:var(--green);font-weight:700}.flow-next{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.empty-state{text-align:center;margin:70px 0;color:var(--muted)}.empty-state span{font-size:28px;color:var(--green)}.empty-state h3{color:var(--ink)}.empty-state a{color:var(--green);font-weight:700}.auth-wrap{min-height:100vh;display:grid;place-items:center}.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:38px;width:min(430px,calc(100% - 32px));box-shadow:0 12px 30px #0b5d3b0b}.centered{justify-content:center;margin:0 0 38px}.auth-card h1{font-size:28px;margin:10px 0}.alert{background:#fff0f0;color:#a33;padding:12px;border-radius:8px;margin-top:18px}.auth-switch{text-align:center;color:var(--muted);font-size:12px}.auth-switch a{color:var(--green);font-weight:700}.menu-toggle{display:none}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:5}.sidebar.open{transform:none}.menu-toggle{display:block;position:fixed;z-index:6;top:16px;left:16px;border:0;background:#fff;border-radius:8px;padding:10px}.shell{margin-left:0;padding:70px 18px 30px}.topbar{margin-bottom:24px;padding-left:42px}.topbar h1{font-size:24px}.hero{padding:28px;min-height:0}.hero h2{font-size:32px}.hero-art{font-size:70px;min-width:80px}.booking-card{align-items:flex-start;flex-wrap:wrap}.status{margin-left:73px}.time-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:22px}.flow-next{align-items:flex-end;gap:14px;flex-direction:column}.flow-next .btn{width:100%;justify-content:center}}
.court-detail-layout{display:flex;align-items:center;gap:40px}.court-gallery,.court-info-card{height:540px;overflow:hidden;background:#fff;border:1px solid #dde5e0;border-radius:12px;box-sizing:border-box}.court-gallery{width:350px;padding:19px}.court-gallery-main{height:250px;border-radius:12px;background:#638f7e;display:grid;place-items:center;color:transparent;font-size:42px;font-weight:800;transition:background .2s}.court-gallery-main[data-view="two"]{background:#9bc2b4}.court-gallery-main[data-view="three"]{background:#5e8e7d}.court-gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.gallery-thumb{height:75px;border:0;border-radius:8px;background:#9bc2b4;cursor:pointer}.gallery-thumb.active{outline:2px solid #0b5d3b;outline-offset:2px}.court-info-card{width:370px;padding:23px}.court-info-card h2{margin:0;font-size:26px;color:#17211b}.court-info-card .detail-features{margin:32px 0 0;gap:19px}.court-info-card .detail-features li{position:relative;padding-left:28px;font-size:14px}.court-info-card .detail-features li::before{content:'•';position:absolute;left:3px;top:-5px;color:#0b5d3b;font-size:24px;font-weight:700}.court-info-card .court-rate{font-size:30px;margin:68px 0 43px}.court-info-card .btn{height:50px}.court-info-card .full{width:100%}@media(max-width:850px){.court-detail-layout{align-items:stretch;flex-direction:column;gap:20px}.court-gallery,.court-info-card{width:100%;height:auto}.court-info-card .court-rate{margin:36px 0 28px}}@media(max-width:700px){.court-gallery-main{height:220px}}
.reservation-details{max-width:760px}.reservation-summary{height:180px;background:#fff;border:1px solid #dde5e0;border-radius:12px;padding:20px;display:grid;align-content:start;gap:0}.reservation-summary p{display:grid;grid-template-columns:164px 1fr;margin:0 0 24px;font-size:13px}.reservation-summary span{color:#66736b}.reservation-summary strong{color:#17211b;font-weight:600}.reservation-form h3{font-size:14px;margin:31px 0 17px}.player-stepper{display:flex;align-items:center;gap:30px}.player-stepper button{width:48px;height:44px;border:1px solid #dde5e0;background:#fff;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.player-stepper strong{font-size:18px;min-width:14px;text-align:center}.game-options,.equipment-options{display:flex;gap:26px;align-items:center;font-size:14px}.game-options label,.equipment-options label{display:flex;align-items:center;gap:5px;margin:0;font-weight:400}.game-options input,.equipment-options input{accent-color:#0b5d3b}.guest-input{width:100%;height:48px;border:1px solid #dde5e0;border-radius:8px;padding:0 15px;font:13px Inter,Arial,sans-serif;color:#17211b}.guest-input::placeholder{color:#66736b}.reservation-actions{display:flex;justify-content:space-between;align-items:center;margin-top:43px}.reservation-actions .back{background:#fff;border:1px solid #dde5e0;color:#17211b;width:140px;height:48px;justify-content:center}.reservation-actions .primary{width:160px;height:48px;justify-content:center}@media(max-width:760px){.reservation-summary{height:auto;padding:20px}.reservation-summary p{grid-template-columns:1fr;gap:7px;margin-bottom:20px}.game-options,.equipment-options{flex-wrap:wrap;gap:14px}.reservation-actions{gap:12px;margin-top:30px}.reservation-actions .btn{width:50%}}
.equipment-rental{display:grid;gap:10px}.rental-row{display:grid;grid-template-columns:1fr auto 70px;gap:18px;align-items:center;font-size:13px}.rental-row label{display:flex;align-items:center;gap:6px;margin:0;font-weight:400}.rental-row input{accent-color:#0b5d3b}.rental-row small{color:#66736b}.rental-quantity{display:flex;align-items:center;gap:8px}.rental-quantity button{width:28px;height:28px;border:1px solid #dde5e0;background:#fff;border-radius:6px;cursor:pointer}.rental-quantity strong{min-width:16px;text-align:center}.rental-row>strong{text-align:right;color:#17211b}.equipment-total{border-top:1px solid #dde5e0;margin:18px 0 0;padding-top:14px;text-align:right;color:#66736b;font-size:13px}.equipment-total strong{color:#0b5d3b;margin-left:18px}@media(max-width:560px){.rental-row{grid-template-columns:1fr auto}.rental-row>strong{grid-column:2;grid-row:1;text-align:left}.rental-quantity{grid-column:1 / -1;justify-content:flex-end}}
.payment-screen{max-width:760px;margin:0 auto}.payment-options-card,.billing-summary{background:#fff;border:1px solid #dde5e0;border-radius:18px;box-shadow:0 8px 22px rgba(15,31,24,.04)}.payment-options-card{padding:18px 18px 14px}.payment-method{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:12px 12px;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s ease}.payment-method:hover{background:#f7faf8;border-color:#e3efe8}.payment-method.selected{background:#eef9f2;border-color:rgba(11,93,59,.18);box-shadow:inset 0 0 0 1px rgba(11,93,59,.08)}.payment-method input{appearance:none;display:block;position:relative;flex:0 0 22px;width:22px;height:22px;border:2px solid #c7d5ce;border-radius:50%;background:#fff;margin:0;transition:all .2s ease}.payment-method input:checked{border-color:var(--green);background:#fff}.payment-method input:checked::after{content:"";position:absolute;inset:50% auto auto 50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:var(--green)}.payment-method span{display:block;line-height:1.2;font-size:16px;color:var(--ink);font-weight:500;white-space:nowrap}.payment-method.selected span{font-weight:700}.membership-balance{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f6faf7;color:var(--muted);font-size:13px;font-weight:600}.billing-summary{padding:18px 20px;margin-top:22px}.billing-summary p{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:14px;color:var(--muted)}.billing-summary strong{color:var(--ink);font-weight:700}.billing-summary hr{border:0;border-top:1px solid #dde5e0;margin:12px 0 10px}.billing-summary .billing-total{margin:0}.billing-summary .billing-total span{font-size:16px;font-weight:700;color:var(--ink)}.billing-summary .billing-total strong{font-size:22px;font-weight:800;color:var(--green)}.payment-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.payment-actions .back{background:#fff;border:1px solid #dde5e0;color:#17211b;width:140px;height:48px;justify-content:center}.payment-actions .primary{width:160px;height:48px;justify-content:center}@media(max-width:760px){.payment-screen{max-width:100%}.payment-options-card{padding:14px 12px 10px}.payment-method{min-height:56px;padding:8px 10px}.payment-method span{font-size:15px;white-space:normal}.membership-balance{padding:10px 12px}.billing-summary{padding:16px 16px 14px}.payment-actions{gap:12px;margin-top:20px}.payment-actions .btn{width:50%}}
.modern-payment-shell{max-width:440px;margin:0 auto}.modern-payment-card{background:#f4f4f4;border:1px solid rgba(73,88,82,.12);border-radius:20px;padding:10px 12px;box-shadow:0 10px 24px rgba(20,28,25,.04)}.modern-option{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;transition:all .2s ease}.modern-option:hover{background:#f7f9f8}.modern-option.selected{background:#edf8f1;border-color:#dfeee4;box-shadow:0 2px 8px rgba(12,18,15,.02)}.payment-brand{display:flex;align-items:center;gap:14px;flex:1}.payment-copy{display:flex;flex-direction:column;gap:4px}.payment-copy strong{font-size:16px;color:#1f2724;font-weight:700;letter-spacing:-.02em}.payment-copy small{font-size:12px;color:#6d7672;letter-spacing:.06em;text-transform:uppercase}.payment-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(17,24,21,.06)}.payment-icon-inner{position:absolute;inset:8px;border-radius:50%;background:rgba(255,255,255,.35)}.visa{background:linear-gradient(135deg,#ff805a,#f75a41)}.paypal{background:linear-gradient(135deg,#0e78ff,#005ef7)}.gpay{background:linear-gradient(135deg,#f2f2f2,#dfe9ef)}.gpay .payment-icon-inner{background:linear-gradient(135deg,#4c8ef7,#1b9a75);inset:8px;border-radius:10px}.promo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f1d58d;border-radius:16px;padding:10px 12px;margin-top:14px;box-shadow:inset 0 0 0 1px rgba(110,88,32,.08)}.promo-code{font-size:15px;font-weight:700;color:#4b3f1b}.promo-apply{border:0;border-radius:12px;background:#1f2d2a;color:#fff;padding:10px 18px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px rgba(31,45,42,.18)}.modern-summary{margin-top:18px;background:#fff;border:1px solid rgba(73,88,82,.12);border-radius:16px;padding:16px 16px 12px}.modern-summary p{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:0 0 12px;color:#626d68}.modern-summary strong{color:#141b18;font-weight:700}.modern-summary .billing-total{margin:0}.modern-summary .billing-total span{font-size:15px;color:#1a231f;font-weight:700}.modern-summary .billing-total strong{font-size:22px;color:#101816}.modern-summary hr{border:0;border-top:1px solid #e7ece9;margin:12px 0 14px}