:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262622;background:#fafaf8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #64645d;outline-offset:3px}a{color:inherit;text-decoration:none}.topbar{height:88px;max-width:1280px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:650;font-size:19px;letter-spacing:-.7px}.wordmark span{color:#8a8a82;font-weight:400}nav{display:flex;align-items:center;gap:8px;font-size:12px;color:#b0b0a8}nav button{padding:8px 4px;border:0;background:none;color:#92928a}nav button.active{color:#252522;font-weight:650}main{max-width:1136px;margin:54px auto 70px;padding:0 28px}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#898981;margin-bottom:22px}.booking{background:#fff;border:1px solid #e4e4de;border-radius:14px;box-shadow:0 6px 30px #24241c04;display:grid;grid-template-columns:290px minmax(320px,1fr) 230px;min-height:530px;overflow:hidden}.details{padding:35px 30px;border-right:1px solid #ebebe6}.avatar{height:45px;width:45px;background:#efefea;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;letter-spacing:-.5px;font-weight:600}.owner{font-size:12px;color:#797972;margin:20px 0 9px}h1{font-size:31px;line-height:1.14;letter-spacing:-1.2px;font-weight:600;margin:0}h2{font-size:14px;line-height:1.4;font-weight:600;margin:0}.intro{color:#86867e;font-size:13px;line-height:1.65;margin:15px 0 24px}.segmented{display:flex;border:1px solid #e6e6e0;border-radius:7px;padding:3px;gap:2px;width:max-content;max-width:100%}.segmented button{padding:8px 14px;background:transparent;border:0;border-radius:4px;font-size:12px;color:#77776f}.segmented button.selected{background:#282824;color:white}.meta{margin:25px 0}.meta p{display:flex;align-items:center;gap:10px;font-size:12px;color:#6c6c64}.meta p>span:first-child{font-size:17px;width:16px;color:#92928b}.timezone{margin-top:27px}.timezone label{font-size:11px;display:block;color:#909087;margin-bottom:9px}.timezone select{width:100%;padding:8px 0;background:#fff;color:#4d4d46;border:0;border-bottom:1px solid #e9e9e3;font-size:11px}.note{font-size:11px;color:#99998f;line-height:1.7;margin-top:20px}.range{padding:10px 12px;border:1px solid #e8e8df;border-radius:6px;font-size:11px;line-height:1.6;background:#fafaf7}.calendar-panel{padding:37px 27px 28px}.monthbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.monthbar h2{text-transform:capitalize}.monthbar>div{display:flex;gap:7px}.arrow{background:none;border:1px solid #ebebe5;border-radius:5px;width:27px;height:27px;font-size:15px}.arrow:disabled{color:#d4d4cb;border-color:transparent}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays{color:#a0a096;font-size:10px;text-align:center;margin-bottom:13px}.days button{border:0;background:#f6f6f1;border-radius:6px;height:38px;min-width:30px;font-size:12px;font-weight:500;position:relative}.days button:hover:not(:disabled){background:#eaeae2}.days button:disabled{background:#fff;color:#c5c5bc}.days button.selected{background:#282824!important;color:#fff}.days .empty{height:38px}.days button.today:after{position:absolute;bottom:5px;left:calc(50% - 1px);width:2px;height:2px;background:currentColor;border-radius:50%;content:""}.legend{display:flex;gap:7px;align-items:center;font-size:10px;color:#a0a096;margin-top:24px}.legend>span:first-child{display:inline-block;width:7px;height:7px;background:#eaeae1;border-radius:2px}.slots-panel{padding:38px 22px 25px;border-left:1px solid #ebebe6}.slots-panel h2{font-size:12px;min-height:25px;margin-bottom:19px}.slots{display:grid;gap:8px;max-height:398px;overflow:auto;scrollbar-width:thin;padding-right:3px}.slot{height:37px;border:1px solid #deded5;background:#fff;border-radius:6px;font-size:12px;font-weight:500}.slot:hover{background:#f6f6f0;border-color:#89897b}.slot span{color:#aaa99d;margin-left:5px;font-weight:400;font-size:10px}.empty-state{font-size:12px;line-height:1.8;color:#929288;padding-top:15px}.loading{font-size:12px;color:#9c9c92;padding-top:15px}.below{text-align:center;font-size:11px;color:#a3a397;margin:24px 0}footer{max-width:1280px;margin:auto;padding:22px 48px;display:flex;justify-content:space-between;font-size:10px;color:#aaa99e}.form-panel{grid-column:2/4;padding:30px 40px;max-width:530px;width:100%}.form-panel .back{background:none;border:0;padding:0;font-size:11px;color:#88887d;margin-bottom:25px}.form-panel h2{font-size:21px;letter-spacing:-.4px}.selected-time{font-size:12px;color:#77776d;line-height:1.7;margin:12px 0 24px}form label{font-size:12px;display:block;margin-bottom:7px;margin-top:16px}input,textarea{border:1px solid #dfdfd6;border-radius:6px;padding:10px 11px;width:100%;background:#fff;color:inherit}textarea{resize:vertical}.primary{width:100%;border:1px solid #282824;border-radius:6px;background:#282824;color:#fff;padding:11px 16px;margin-top:22px;font-weight:500;font-size:12px}.primary:disabled{opacity:.5}.secondary{border:1px solid #deded4;border-radius:6px;background:white;padding:11px 16px;font-size:12px}.error{color:#a43c30;font-size:12px;line-height:1.6}.success{grid-column:2/4;padding:65px 40px;text-align:center;max-width:540px;align-self:center}.success-icon{border-radius:50%;background:#f0f2eb;margin:0 auto 22px;width:46px;height:46px;display:grid;place-items:center;color:#5e6e43;font-size:19px}.success h2{font-size:23px;letter-spacing:-.6px}.success p{font-size:13px;color:#838377;line-height:1.8;margin:18px 0 26px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}.admin-layout{max-width:850px}.admin-card{background:#fff;border:1px solid #e4e4de;border-radius:12px;padding:30px;margin-top:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.metric{padding:18px;background:#f8f8f4;border-radius:8px}.metric strong{font-size:26px;display:block;font-weight:500;margin-bottom:7px}.metric span{font-size:11px;color:#8b8b80}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:12px 9px;border-bottom:1px solid #eee}.admin-card form{max-width:420px}.admin-card code{font-size:12px;word-break:break-all}.admin-actions{margin:24px 0}.admin-actions a{font-size:12px;border-bottom:1px solid #bbb}
@media(min-width:1200px){main{margin-top:70px}}@media(max-width:1000px){.booking{grid-template-columns:250px minmax(290px,1fr) 190px}.details{padding:28px 24px}.calendar-panel{padding:30px 20px}.slots-panel{padding:32px 16px}.topbar{padding:0 28px}main{padding:0 20px}.days{gap:3px}.days button{height:35px}}@media(max-width:780px){.topbar{height:70px;padding:0 22px}main{margin:25px auto 40px;padding:0 16px}.eyebrow{font-size:9px;margin-bottom:16px;letter-spacing:1px}.booking{grid-template-columns:1fr;overflow:visible;min-height:0;border-radius:12px}.details{padding:25px;border-right:0;border-bottom:1px solid #ebebe6}.avatar{width:36px;height:36px;font-size:11px;float:left;margin-right:12px}.owner{margin:0;padding-top:2px;font-size:11px}h1{font-size:26px;margin-top:6px}.intro{margin:20px 0 18px;font-size:12px}.meta{display:flex;gap:22px;margin:17px 0 10px}.meta p{margin:0;font-size:11px}.timezone{margin-top:17px;max-width:270px}.note{margin-top:13px}.calendar-panel{padding:25px}.monthbar{margin-bottom:25px}.days button{height:42px}.weekdays{font-size:11px}.days{gap:6px}.legend{margin-top:18px}.slots-panel{padding:24px 25px;border-left:0;border-top:1px solid #ebebe6}.slots-panel h2{margin-bottom:10px}.slots{grid-template-columns:repeat(3,1fr);max-height:none;gap:7px}.slot{height:39px}.slot span{display:none}.empty-state,.loading{grid-column:1/-1;padding-top:5px}.form-panel,.success{grid-column:1;padding:27px 25px}.success{padding:45px 25px}.form-panel .back{margin-bottom:22px}footer{padding:20px 22px;gap:20px;font-size:9px}.below{font-size:10px}.metrics{grid-template-columns:repeat(2,1fr)}.admin-card{padding:20px}table{font-size:10px}td,th{padding:9px 4px}}