:root{color:#202124;background:#f6f8f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#175c63}button,.buttonLink{min-height:40px;border:1px solid #b8c5c1;border-radius:6px;padding:0 14px;background:#fff;color:#202124;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button.primary,.primary,.buttonLink{background:#175c63;border-color:#175c63;color:#fff}button.ghost{background:transparent}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,64px);border-bottom:1px solid #ddd8cf;background:#f6f8f9eb}.brand{color:#202124;font-weight:750;text-decoration:none}.toast{position:fixed;top:78px;right:18px;z-index:10;max-width:420px;border:1px solid #d7a39a;border-radius:6px;background:#fff4f1;padding:12px 14px}.hero{min-height:calc(100vh - 64px);display:grid;align-items:center;padding:clamp(28px,8vw,96px);background:linear-gradient(90deg,#f6f8f9f5,#f6f8f980),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80) center/cover}.hero>div{max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:0;color:#5d706b;font-size:.78rem;font-weight:700}h1{font-size:clamp(2.2rem,7vw,5.8rem);line-height:.98;margin:0 0 18px}h2,h3,p{margin-top:0}.lede{max-width:580px;font-size:1.2rem;line-height:1.55}.workspace{min-height:calc(100vh - 64px);display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid #ddd8cf;padding:28px;background:#e9eef0}.sidebar h2{margin-bottom:4px}.sidebar button{width:100%;margin-top:12px}.content{padding:clamp(20px,4vw,48px)}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.sectionTitle h1{font-size:2rem}.list{display:grid;gap:12px}.row{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #ddd8cf;border-radius:8px;padding:18px;background:#fff}.editor,.visitorForm{display:grid;gap:14px;border:1px solid #ddd8cf;border-radius:8px;background:#fff;padding:18px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:grid;gap:6px;font-size:.9rem;font-weight:700}input,textarea{width:100%;min-height:40px;border:1px solid #b8c5c1;border-radius:6px;padding:9px 10px;font:inherit;font-weight:400;background:#fff}textarea{min-height:84px;resize:vertical}.actions{display:flex;gap:10px}.booking{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:clamp(20px,5vw,72px);padding:clamp(22px,6vw,72px)}.bookingInfo h1{font-size:clamp(2rem,5vw,4rem)}.bookingFlow,.panel{border:1px solid #ddd8cf;border-radius:8px;background:#fff;padding:clamp(18px,4vw,32px)}.panel{margin:clamp(24px,7vw,80px) auto;max-width:720px}.panel h1{font-size:2.2rem}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:18px}.slots button{justify-content:flex-start;min-height:48px}.slots button.selected{background:#d9eeec;border-color:#175c63}.empty{color:#5d706b}@media(max-width:760px){.workspace,.booking{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #ddd8cf}.grid{grid-template-columns:1fr}.row,.sectionTitle{align-items:stretch;flex-direction:column}}
