:root { --ink: #282120; --paper: #fbf7f3; --rose: #bc695b; --line: #dacfc7; --muted: #786f6a; } * { box-sizing: border-box; } body { margin: 0; color: var(--ink); background: #e9dfd7; font-family: Arial, sans-serif; }.page { width: min(100% - 32px, 960px); margin: 0 auto; padding: 26px 0 72px; }.navigation { display: flex; gap: 24px; margin-bottom: 48px; }.navigation a { color: var(--muted); text-decoration: none; font-size: 13px; padding-bottom: 5px; border-bottom: 1px solid transparent; }.navigation a.active { color: var(--ink); border-color: var(--ink); font-weight: bold; }.hero,.admin-header { max-width: 500px; margin-bottom: 48px; }.eyebrow { color: var(--rose); font-size: 11px; font-weight: bold; letter-spacing: 1.5px; } h1,h2,h3 { font-family: Georgia,serif; font-weight: normal; } h1 { font-size: clamp(48px,8vw,78px); line-height: .95; margin: 14px 0 24px; }h1 em { color: var(--rose); }.hero>p:not(.eyebrow),.admin-header>p:not(.eyebrow) { color: var(--muted); line-height: 1.7; }.booking-card { max-width: 560px; background: var(--paper); padding: 36px; box-shadow: 0 14px 40px rgba(56,38,31,.08); } h2 { margin: 0 0 20px; font-size: 30px; }label,.label { display: block; font-size: 13px; font-weight: bold; margin: 22px 0 9px; }input,select { width: 100%; padding: 13px; border: 1px solid var(--line); background: #fff; font-size: 16px; }input:focus,select:focus { outline: 2px solid var(--rose); border-color: var(--rose); }.hint,.selection { color: var(--muted); font-size: 13px; min-height: 20px; }.selection { border-block: 1px solid var(--line); padding: 13px 0; color: var(--rose); }.time-slots { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }.time-slot { border: 1px solid var(--line); background: #fff; padding: 12px; cursor: pointer; font-size: 14px; }.time-slot:hover,.time-slot.selected { color: #fff; background: var(--ink); border-color: var(--ink); }.primary-button { width: 100%; margin-top: 30px; border: 0; padding: 15px; color: white; background: var(--ink); cursor: pointer; font-size: 14px; font-weight: bold; }.primary-button:disabled { opacity: .45; cursor: not-allowed; }.link-button { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--muted); cursor: pointer; font-size: 13px; }.hidden { display: none!important; }.error { color: #a73731; min-height: 18px; font-size: 13px; }.success { text-align: center; padding: 25px 0; }.success h3 { font-size: 36px; margin: 14px 0; }.check { display: inline-grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; color: white; background: var(--rose); font-size: 23px; }.dashboard-top { display: flex; align-items: center; gap: 20px; margin: 0 0 18px; }.dashboard-top .hint { margin-left: auto; }.admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.admin-grid .booking-card,.appointments-card { max-width:none; }.appointments-card { margin-top:20px; }.admin-list { display:grid; gap:0; }.admin-list article { border-bottom:1px solid var(--line); padding:13px 0; display:grid; gap:5px; font-size:13px; }.admin-list article span { color:var(--muted); font-size:12px; }.delete-slot { justify-self:start; margin-top:5px; border:0; background:none; color:#a73731; padding:0; cursor:pointer; font-size:12px; }@media(max-width:620px){.page{padding-top:20px}.admin-grid{grid-template-columns:1fr}.booking-card{padding:25px 20px}.time-slots{grid-template-columns:repeat(2,1fr)}.dashboard-top{flex-wrap:wrap;gap:12px}.dashboard-top .hint{width:100%;margin:0}}