@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+HK:wght@400;500;600;700&display=swap";:root{color:#223029;font-synthesis:none;--ink:#223029;--muted:#69736b;--line:#dce2d9;--forest:#1c3529;--accent:#d9ed9c;--white:#fff;--radius:12px;background:#f3f5f1;font-family:Noto Sans HK,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #669345}button{border:0}p{line-height:1.75}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.3}h2{letter-spacing:-.025em;font-size:1.25rem}h3{font-size:1.125rem}small{font-size:.875rem}.site-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:18px max(4vw,24px);display:flex}.brand{align-items:center;gap:22px;text-decoration:none;display:flex}.brand-art{flex-shrink:0;display:block;position:relative;overflow:hidden}.brand-art>img{max-width:none;display:block;position:absolute}.brand>.brand-art{width:153px}.brand-label{letter-spacing:.18em;border-left:1px solid var(--line);color:var(--muted);padding-left:22px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:600}.site-header nav{align-items:center;gap:32px;display:flex}.site-header nav>a{padding:18px 0;font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.site-header nav>a.active:after{content:"";background:var(--forest);height:2px;position:absolute;bottom:7px;left:0;right:0}.language-button,.logout{color:var(--ink);background:0 0;align-items:center;gap:7px;padding:9px 0;font-size:.875rem;display:flex}.mobile-menu{display:none}.demo-banner{color:#43512d;background:#e6edce;justify-content:center;align-items:center;gap:24px;padding:9px 20px;font-size:.8125rem;display:flex}.demo-banner a{text-underline-offset:3px;align-items:center;gap:5px;display:flex}.main-container{max-width:1248px;min-height:calc(100vh - 166px);margin:0 auto;padding:44px 40px 70px}.page-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.page-intro p:not(.eyebrow){color:var(--muted);max-width:650px;margin:0}.eyebrow{letter-spacing:.16em;color:#637260;margin-bottom:13px;font-family:Barlow Condensed,Noto Sans HK,sans-serif;font-size:.875rem;font-weight:600}.location-tag{letter-spacing:.13em;color:var(--muted);border-left:1px solid #cdd6c9;flex-shrink:0;padding-left:22px;font-family:Barlow Condensed,sans-serif;font-size:.8125rem;line-height:1.7}.location-tag strong{color:var(--forest);letter-spacing:.07em;font-size:1.25rem;font-weight:500}.progress-steps{border-bottom:1px solid var(--line);gap:36px;margin:0 0 30px;padding:0;list-style:none;display:flex}.progress-steps li{color:#8b938a;align-items:center;gap:10px;padding:0 0 18px;font-size:.875rem;font-weight:500;display:flex;position:relative}.progress-steps li>span{border:1px solid #d2d9ce;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;display:flex}.progress-steps .current{color:var(--forest)}.progress-steps .current:after{content:"";background:var(--forest);height:2px;position:absolute;bottom:-1px;left:0;right:0}.progress-steps .current>span,.progress-steps .done>span{background:var(--forest);color:#fff;border-color:var(--forest)}.progress-steps .done{color:var(--forest)}.booking-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;display:grid}.booking-main,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px}.panel{margin-bottom:22px}.section-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{margin:0}.section-heading>div{align-items:center;gap:12px;display:flex}.section-number{color:#7f8d7d;font-family:Barlow Condensed,sans-serif;font-size:1rem}.split{justify-content:space-between}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:34px;display:grid}.mode-card{border:1px solid var(--line);text-align:left;color:#637261;background:#fff;border-radius:9px;flex-direction:column;gap:17px;padding:20px;display:flex;position:relative}.mode-card.selected{background:#f4f8eb;border-color:#67844e;box-shadow:inset 0 0 0 1px #67844e}.mode-card strong{color:var(--ink);margin-bottom:8px;font-size:1rem;display:block}.mode-card small{color:var(--muted);font-size:.8125rem;line-height:1.65;display:block}.radio-mark{border:1px solid #c8d1c3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.radio-mark>span{background:var(--forest);border-radius:50%;width:9px;height:9px}.mode-card>.radio-mark{position:absolute;top:20px;right:17px}.selected .radio-mark{border-color:var(--forest)}.date-picker{color:var(--muted);align-items:center;gap:6px;display:flex}.date-picker input{border:0;width:145px;padding:7px 5px;font-size:.875rem}.date-rail{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:20px;display:grid}.date-rail button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:11px 2px;display:flex}.date-rail button>span{font-size:.75rem}.date-rail strong{color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:1.8rem;line-height:1}.date-rail small{font-size:.6875rem}.date-rail .selected{background:var(--forest);border-color:var(--forest);color:#d7e2d1}.date-rail .selected strong{color:#fff}.session-list{flex-direction:column;gap:10px;display:flex}.session-card{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:9px;align-items:center;gap:15px;padding:18px 16px;display:flex}.session-card.selected{background:#fcfdf9;border-color:#6d855b;box-shadow:inset 0 0 0 1px #6d855b}.session-card:not(:disabled):hover,.mode-card:hover{border-color:#7e946d}.session-icon{color:#587144;background:#f1f4ec;border-radius:8px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.session-info{flex-direction:column;gap:6px;display:flex}.session-info>strong{font-size:.9375rem}.session-info>span{color:#445441;font-size:.875rem}.session-info>small{color:var(--muted);font-size:.75rem}.session-availability{align-items:center;gap:13px;margin-left:auto;display:flex}.available{color:#486f36;background:#edf4df;border-radius:4px;padding:5px 8px;font-size:.75rem}.sold-out{color:#777;font-size:.75rem}.form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding-top:22px;display:flex}.primary,.secondary,.text-button{border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:13px 20px;font-size:.9375rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.primary{background:var(--forest);color:#fff;border:1px solid var(--forest)}.primary:not(:disabled):hover{background:#2d503b}.secondary{color:var(--forest);background:#fff;border:1px solid #cbd6c4}.secondary:hover{background:#f3f6ee}.text-button{color:var(--muted);background:0 0;padding-left:0}.fine-print,.help-text{color:var(--muted);font-size:.875rem;line-height:1.75}.fine-print{font-size:.8125rem}.booking-summary{position:sticky;top:25px}.summary-top{border-radius:var(--radius) var(--radius) 0 0;background:var(--forest);color:#f5f8ed;padding:27px}.summary-top .eyebrow{color:#b6c7a3;font-size:.75rem}.summary-top h2{margin:0;font-size:1.25rem}.summary-rule{background:#3e5140;height:1px;margin:22px 0}.mode-tag{color:#ddefc5;background:#38513b;border-radius:4px;margin-bottom:16px;padding:5px 9px;font-size:.75rem;display:inline-block}.summary-top h3{margin-bottom:16px;font-size:1.25rem}.summary-top p{color:#d4ddcb;align-items:center;gap:9px;margin-bottom:10px;font-size:.875rem;display:flex}.summary-top .summary-placeholder{color:#b5c3ad;min-height:60px;margin:8px 0}.summary-bottom{border-radius:0 0 var(--radius) var(--radius);background:#e7ecd9;border:1px solid #dfe5d2;border-top:0;padding:24px 27px}.summary-bottom>p{color:#697457;margin:15px 0 0;font-size:.8125rem}.summary-estimate{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.summary-estimate strong{font-size:1.75rem}.summary-note{color:#6d7964;align-items:flex-start;gap:11px;padding:22px 9px;font-size:.8125rem;line-height:1.8;display:flex}.summary-note svg{flex-shrink:0;margin-top:3px}.quote-lines{flex-direction:column;gap:13px;font-size:.875rem;display:flex}.quote-lines>div{justify-content:space-between;align-items:center;gap:18px;display:flex}.quote-lines small{color:var(--muted);margin-left:5px}.quote-total{border-top:1px solid #cad4bf;margin-top:8px;padding-top:18px}.quote-total strong{font-size:1.4rem;font-weight:650}.money{white-space:nowrap;font-variant-numeric:tabular-nums}.group-inputs{margin:20px 0}.count-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:17px 0;display:flex}.count-row label{flex-direction:column;gap:5px;margin:0;display:flex}.count-row small{color:var(--muted)}.stepper{border:1px solid #d4ddcf;border-radius:7px;align-items:center;display:flex;overflow:hidden}.stepper button{width:38px;height:43px;color:var(--forest);background:#f7f9f3;place-items:center;display:grid}.stepper input{appearance:textfield;text-align:center;border:0;border-radius:0;width:47px;padding:6px}.stepper input::-webkit-inner-spin-button{appearance:none}.rental-row{justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.rental-row p{color:var(--muted);margin:6px 0 0;font-size:.8125rem}.rental-row input{width:95px}.total-players{background:#eff4e5;border-radius:7px;align-items:center;gap:8px;padding:13px 15px;font-size:.875rem;display:flex}.total-players strong{margin-left:auto}.field-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.full-width{grid-column:1/-1}label{flex-direction:column;gap:9px;margin-bottom:16px;font-size:.875rem;font-weight:500;display:flex}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #cfd8c9;border-radius:6px;width:100%;min-height:43px;padding:11px 12px}textarea{resize:vertical;line-height:1.65}label small{color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.7}.notice{color:#506046;background:#f0f4e8;border:1px solid #dbe5cc;border-radius:8px;align-items:flex-start;gap:12px;margin:18px 0;padding:15px 17px;font-size:.875rem;line-height:1.8;display:flex}.notice svg{flex-shrink:0;margin-top:3px}.notice.error{color:#923b31;background:#fff0ed;border-color:#ecc9c1}.notice.success{color:#315c37;background:#edf8e7;border-color:#cbe2bf}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:35px 14px;display:flex}.empty-state p{margin:0;font-size:.875rem}.empty-state strong{color:var(--ink);font-size:1rem}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);color:#7a8575;letter-spacing:.05em;justify-content:space-between;align-items:center;gap:16px;padding:23px max(4vw,24px);font-size:.6875rem;display:flex}.site-footer{background:#fff;gap:28px}.footer-brand{width:260px;max-width:100%;height:auto;display:block}.footer-info{text-align:right;gap:8px;display:grid}.auth-card,.success-card,.closed-card{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:560px;margin:45px auto;padding:42px}.auth-card h1,.success-card h1,.closed-card h1{font-size:2rem}.auth-card>p,.success-card>p,.closed-card>p{color:var(--muted);font-size:.9375rem}.auth-icon,.success-icon{color:#466538;background:#eaf2dc;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:24px;display:grid}.auth-card form{margin-top:26px}.auth-card .primary{width:100%}.reference{background:#f0f4e9;border-radius:8px;flex-direction:column;gap:8px;margin:22px 0;padding:20px;display:flex}.reference span{color:var(--muted);font-size:.8125rem}.reference strong,.booking-ref{font-family:monospace;font-size:1.35rem}.closed-card>svg{color:#688d4e;margin-bottom:20px}.status{white-space:nowrap;color:#596b4b;background:#edf1e8;border-radius:6px;align-items:center;gap:7px;padding:7px 11px;font-size:.8125rem;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-confirmed,.status-completed{color:#3a712c;background:#e2f2d8}.status-awaiting_deposit,.status-deposit_review{color:#896227;background:#fbf0d9}.status-cancelled,.status-expired,.status-rejected{color:#915649;background:#f4e5e0}.payment-stats{grid-template-columns:repeat(3,1fr);gap:14px;padding:15px 0;display:grid}.payment-stats>div{flex-direction:column;gap:12px;display:flex}.payment-stats span{color:var(--muted);font-size:.8125rem}.payment-stats strong>.money{color:var(--ink);font-size:1.3rem}.deadline{color:#8a6433;background:#fff6e2;border-radius:7px;flex-wrap:wrap;align-items:center;gap:7px;padding:12px;font-size:.875rem;display:flex}.payment-instructions{margin:24px 0}.payment-instructions p{white-space:pre-wrap;font-size:.875rem}.upload-area{text-align:center;background:#f9fbf5;border:1px dashed #b3c59e;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.upload-area>label{margin:8px 0 0}.upload-area>p{color:var(--muted);font-size:.8125rem}.upload-area input{border:0;width:auto;max-width:100%;padding:4px;font-size:.8125rem}.receipt-list{padding:0;list-style:none}.receipt-list li{flex-wrap:wrap;align-items:center;gap:10px;margin:13px 0;font-size:.875rem;display:flex}.receipt-list small{color:#946129}.button-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.danger-link{color:#964d42;background:0 0;padding:10px;font-size:.875rem;text-decoration:underline}.notes{white-space:pre-wrap;background:#f7f8f3;border-radius:8px;padding:15px;font-size:.875rem}.audit-details summary{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.audit-entry{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:18px;padding:15px 0;font-size:.8125rem;display:flex}.modal-backdrop{z-index:100;background:#14231688;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:500px;padding:32px;box-shadow:0 20px 80px #12220c33}.mail-message{border-bottom:1px solid var(--line);padding:18px 0}.mail-message summary{cursor:pointer;font-weight:600}.mail-message summary small{color:var(--muted);margin-top:6px;font-weight:400;display:block}.mail-message iframe{border:1px solid var(--line);background:#fff;width:100%;height:470px;margin-top:14px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.manage-aside{position:sticky;top:25px}.manage-aside .secondary{width:100%;margin-top:15px}@media (width>=1450px){.main-container{padding-top:54px}.site-header{padding-inline:calc(50vw - 584px)}}@media (width<=1050px){.booking-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.main-container{padding-inline:25px}.booking-main{padding:23px}.session-card{gap:10px;padding:15px 12px}.session-icon{display:none}.session-availability{gap:7px}.available{font-size:.6875rem}.site-header nav{gap:22px}}@media (width<=800px){.booking-layout{grid-template-columns:1fr}.booking-summary{grid-template-columns:1fr 1fr;display:grid;position:static}.summary-top{border-radius:12px 0 0 12px;padding:24px}.summary-bottom{border-radius:0 12px 12px 0;padding:24px}.summary-note{grid-column:1/-1}.summary-top .summary-placeholder{min-height:0}.summary-top h3{font-size:1.125rem}.manage-aside{position:static}.site-header nav{gap:16px}.brand-label{display:none}.brand>.brand-art{width:133px}.main-container{padding-top:30px}.location-tag{display:none}.page-intro{margin-bottom:26px}.progress-steps{margin-bottom:23px}.staff-container{padding-inline:15px}}@media (width<=590px){.site-header{min-height:76px;padding:10px 20px}.brand>.brand-art{width:131px}.mobile-menu{color:var(--forest);background:0 0;padding:10px;display:block}.site-header nav{z-index:20;border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:15px 24px;padding:12px 23px 22px;display:none;position:absolute;top:76px;left:0;right:0;box-shadow:0 12px 18px #24381912}.site-header nav.open{display:flex}.site-header nav>a{padding:10px 0}.demo-banner{justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 15px;font-size:.6875rem}.demo-banner>span{max-width:60%}.demo-banner>a{flex-shrink:0;font-size:.6875rem}.main-container{padding:26px 16px 40px}.page-intro{flex-wrap:wrap;gap:12px}.page-intro p:not(.eyebrow){font-size:.875rem}.eyebrow{font-size:.75rem}.progress-steps{justify-content:space-between;gap:0}.progress-steps li{gap:6px;padding-bottom:16px;font-size:.75rem}.progress-steps li>span{width:22px;height:22px;font-size:.6875rem}.booking-main,.panel{padding:21px 17px}.section-heading{gap:8px}.section-heading h2{font-size:1.125rem}.mode-grid{gap:9px;margin-bottom:27px}.mode-card{gap:14px;padding:16px 13px}.mode-card strong{font-size:.9375rem}.mode-card small{font-size:.75rem}.mode-card>.radio-mark{width:17px;height:17px;top:15px;right:12px}.date-picker{gap:0}.date-picker svg{display:none}.date-picker input{width:132px;padding:6px 0;font-size:.8125rem}.date-rail{gap:4px}.date-rail button{padding:10px 0}.date-rail button>span{font-size:.6875rem}.date-rail strong{font-size:1.6rem}.date-rail small{font-size:.625rem}.session-card{padding:15px 12px}.session-info>small{font-size:.6875rem}.session-availability{flex-direction:column;align-items:flex-end;gap:10px}.available{padding:4px 6px;font-size:.6875rem}.form-actions{gap:10px}.primary,.secondary{padding:12px 15px;font-size:.875rem}.fine-print{max-width:45%;font-size:.75rem}.booking-summary{display:block}.summary-top{border-radius:12px 12px 0 0;padding:23px}.summary-bottom{border-radius:0 0 12px 12px;padding:23px}.summary-rule{margin:17px 0}.summary-top h3{margin-left:13px;display:inline-block}.summary-top .mode-tag{margin-bottom:12px}.field-grid{grid-template-columns:1fr;gap:10px}.full-width{grid-column:auto}.auth-card,.success-card,.closed-card{margin:15px 0;padding:28px 23px}.auth-card h1,.success-card h1,.closed-card h1{font-size:1.75rem}.notice{padding:13px;font-size:.8125rem}.payment-stats{gap:8px}.payment-stats strong>.money{font-size:1.1rem}.payment-stats span{font-size:.75rem}.status-notice{margin-top:0}.upload-area{padding:20px 12px}.quote-total strong{font-size:1.25rem}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:22px 20px;font-size:.625rem}.site-footer{gap:18px}.footer-brand{width:240px}.footer-info{text-align:left}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spinner{animation:none}}