*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#faf8f4;--cream-dark:#f2ede4;--gold:#c9a84c;--gold-light:#e8d5a3;--gold-dark:#a07830;--charcoal:#1c1c1e;--charcoal-2:#2c2c2e;--charcoal-3:#3a3a3c;--text-muted:#6b6b70;--text-light:#aeaeb2;--white:#fff;--error:#c0392b;--success:#27ae60;--border:#0000001a;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 12px 40px #00000029;--radius:12px;--radius-sm:8px}html,body{background:var(--cream);height:100%;color:var(--charcoal);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}.btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--charcoal);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--charcoal-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--charcoal);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--cream-dark);border-color:var(--charcoal-3)}.btn-large{border-radius:8px;padding:16px 36px;font-size:1rem}.btn-small{padding:8px 16px;font-size:.8rem}.home{flex-direction:column;min-height:100vh;display:flex}.home-nav{background:var(--charcoal);z-index:100;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.nav-brand{color:var(--gold);letter-spacing:.1em;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--cream);letter-spacing:.05em;opacity:.8;font-size:.85rem;font-weight:400;text-decoration:none;transition:opacity .2s}.nav-links a:hover{opacity:1}.nav-staff-link{opacity:1!important;border:1px solid #ffffff4d!important;border-radius:4px!important;padding:6px 16px!important}.hero{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:80px 40px;display:grid}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:12px;font-size:.8rem;font-weight:500}.hero-title{color:var(--charcoal);margin-bottom:20px;font-family:Cormorant Garamond,serif;font-size:4.5rem;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:420px;margin-bottom:36px;font-size:1.05rem;line-height:1.7}.hero-visual{flex-direction:column;gap:16px;display:flex}.hero-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);align-items:center;gap:18px;padding:20px 24px;display:flex}.hero-card-icon{color:var(--gold);text-align:center;flex-shrink:0;width:40px;font-size:1.4rem}.hero-card-text{flex-direction:column;display:flex}.hero-card-text strong{color:var(--charcoal);font-size:.95rem;font-weight:600}.hero-card-text span{color:var(--text-muted);font-size:.8rem}.services-section{background:var(--charcoal);padding:80px 40px}.section-header{text-align:center;margin-bottom:48px}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:.75rem;font-weight:500}.section-title{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700}.services-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;max-width:1200px;margin:0 auto;display:grid}.service-card{background:var(--charcoal-2);border-radius:var(--radius);color:var(--cream);border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:28px 24px;text-decoration:none;transition:all .2s;display:flex}.service-card:hover{background:var(--charcoal-3);border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.service-icon{margin-bottom:4px;font-size:1.8rem}.service-name{color:var(--white);font-size:1.05rem;font-weight:600}.service-description{color:var(--text-light);flex:1;font-size:.82rem;line-height:1.6}.service-meta{justify-content:space-between;align-items:center;margin-top:8px;font-size:.82rem;display:flex}.service-duration{color:var(--text-light)}.service-price{color:var(--gold);font-size:1.1rem;font-weight:600}.service-book-cta{color:var(--gold);letter-spacing:.05em;opacity:0;margin-top:4px;font-size:.78rem;transition:opacity .2s}.service-card:hover .service-book-cta{opacity:1}.home-footer{text-align:center;background:var(--cream-dark);border-top:1px solid var(--border);color:var(--text-muted);flex-direction:column;gap:6px;padding:32px 40px;font-size:.82rem;display:flex}.home-footer a{color:var(--charcoal)}.footer-note{opacity:.7;font-size:.75rem}.booking-page{background:var(--cream);flex-direction:column;min-height:100vh;display:flex}.booking-header{background:var(--white);border-bottom:1px solid var(--border);z-index:50;box-shadow:var(--shadow-sm);align-items:center;gap:40px;padding:16px 40px;display:flex;position:sticky;top:0}.back-link{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--charcoal)}.step-indicator{flex:1;justify-content:center;align-items:center;gap:0;display:flex}.step-dot{background:var(--cream-dark);width:36px;height:36px;color:var(--text-muted);border:2px solid var(--border);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex;position:relative}.step-dot.active{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}.step-dot.done{background:var(--gold);color:var(--white);border-color:var(--gold)}.step-label{white-space:nowrap;color:var(--text-muted);letter-spacing:.03em;font-size:.68rem;font-weight:500;position:absolute;top:calc(100% + 6px)}.step-dot.active .step-label,.step-dot.done .step-label{color:var(--charcoal)}.step-line{background:var(--border);flex:1;max-width:80px;height:2px;transition:background .3s}.step-line.done{background:var(--gold)}.booking-body{flex:1;width:100%;max-width:900px;margin:0 auto;padding:48px 40px}.step-title{color:var(--charcoal);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:700}.step-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.service-select-grid{flex-direction:column;gap:10px;display:flex}.service-select-card{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:all .2s;display:flex}.service-select-card:hover{border-color:var(--charcoal);background:var(--cream)}.service-select-card.selected{border-color:var(--gold);background:#fdf9ee}.ssc-icon{text-align:center;flex-shrink:0;width:36px;font-size:1.4rem}.ssc-info{flex-direction:column;flex:1;display:flex}.ssc-info strong{font-size:.95rem;font-weight:600}.ssc-info span{color:var(--text-muted);margin-top:2px;font-size:.8rem}.ssc-check{background:var(--gold);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:opacity .2s;display:flex}.service-select-card.selected .ssc-check{opacity:1}.datetime-layout{flex-direction:column;gap:36px;display:flex}.picker-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:.75rem;font-weight:600}.date-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.date-chip{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:62px;padding:12px 14px;transition:all .2s;display:flex}.date-chip:hover{border-color:var(--charcoal)}.date-chip.selected{background:var(--charcoal);border-color:var(--charcoal);color:var(--white)}.date-chip-day{letter-spacing:.05em;text-transform:uppercase;opacity:.7;font-size:.68rem;font-weight:600}.date-chip-num{font-size:1.3rem;font-weight:700;line-height:1}.date-chip-month{opacity:.7;font-size:.7rem}.time-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.time-chip{background:var(--white);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:3px;padding:12px 8px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;position:relative}.time-chip:hover:not(:disabled){border-color:var(--charcoal);background:var(--cream)}.time-chip.selected{background:var(--charcoal);color:var(--white);border-color:var(--charcoal)}.time-chip.booked{opacity:.4;cursor:not-allowed;background:var(--cream-dark)}.booked-label{color:var(--text-muted);font-size:.65rem;font-weight:400}.contact-form{flex-direction:column;gap:20px;max-width:480px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--charcoal);letter-spacing:.02em;font-size:.82rem;font-weight:600}.form-group input,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--charcoal);background:var(--white);resize:vertical;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.booking-footer{background:var(--white);border-top:1px solid var(--border);align-items:center;gap:20px;padding:20px 40px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #0000000f}.booking-summary-mini{flex-direction:column;align-items:flex-end;display:flex}.booking-summary-mini strong{font-size:.9rem;font-weight:600}.booking-summary-mini span{color:var(--text-muted);font-size:.78rem}.confirmation-page{background:var(--cream);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.confirmation-card{background:var(--white);width:100%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;padding:48px 40px}.conf-icon{background:var(--success);width:64px;height:64px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.6rem;display:flex}.conf-title{color:var(--charcoal);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:700}.conf-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.conf-details{background:var(--cream);border-radius:var(--radius-sm);text-align:left;flex-direction:column;gap:12px;margin-bottom:24px;padding:20px;display:flex}.conf-row{justify-content:space-between;align-items:flex-start;gap:12px;font-size:.88rem;display:flex}.conf-label{color:var(--text-muted);flex-shrink:0;font-weight:500}.conf-value{color:var(--charcoal);text-align:right;font-weight:500}.conf-notice{color:var(--text-muted);background:var(--cream-dark);border-radius:var(--radius-sm);text-align:left;flex-direction:column;gap:4px;margin-bottom:28px;padding:14px 16px;font-size:.8rem;display:flex}.conf-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.staff-page{background:var(--cream);flex-direction:column;min-height:100vh;display:flex}.staff-header{background:var(--charcoal);justify-content:space-between;align-items:center;gap:20px;padding:24px 40px;display:flex}.staff-header-left{flex-direction:column;gap:4px;display:flex}.staff-header-left .back-link{color:var(--gold-light);margin-bottom:4px}.staff-title{color:var(--white);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700}.staff-subtitle{color:var(--text-light);letter-spacing:.05em;font-size:.8rem}.view-toggle{background:#ffffff14;border-radius:8px;gap:4px;padding:4px;display:flex}.toggle-btn{color:var(--cream);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:6px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;transition:all .2s}.toggle-btn.active{background:var(--white);color:var(--charcoal);opacity:1}.staff-stats{background:var(--charcoal-2);grid-template-columns:repeat(4,1fr);gap:16px;padding:24px 40px;display:grid}.stat-card{border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.stat-num{color:var(--gold);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700}.stat-label{color:var(--text-light);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.list-view{flex:1;padding:32px 40px}.list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.list-toolbar h2{font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:600}.list-filter{color:var(--text-muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.list-filter input[type=date]{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--charcoal);outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:.85rem}.list-filter input:focus{border-color:var(--gold)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.95rem}.booking-list{flex-direction:column;gap:10px;display:flex}.booking-row{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:16px 20px;display:flex}.booking-row-date{flex-direction:column;flex-shrink:0;align-items:center;min-width:48px;display:flex}.brd-day{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:.65rem;font-weight:700}.brd-num{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;line-height:1}.brd-month{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.booking-row-time{color:var(--gold-dark);flex-shrink:0;min-width:75px;font-size:.85rem;font-weight:600}.booking-row-service{flex-direction:column;flex:1;display:flex}.booking-row-service strong{font-size:.9rem}.booking-row-service span{color:var(--text-muted);font-size:.78rem}.booking-row-client{flex-direction:column;flex:1;display:flex}.booking-row-client strong{font-size:.9rem}.booking-row-client span{color:var(--text-muted);font-size:.78rem}.booking-row-price{color:var(--gold-dark);font-family:Cormorant Garamond,serif;font-size:1rem;font-weight:700}.booking-row-notes{cursor:help;font-size:1rem}.calendar-view{flex:1;padding:24px 40px;overflow:hidden}.cal-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.cal-week-label{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600}.cal-grid-wrapper{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow-x:auto}.cal-grid{background:var(--white);min-width:720px;display:flex}.cal-time-col{background:var(--cream-dark);border-right:1px solid var(--border);flex-shrink:0;width:72px}.cal-day-col{border-right:1px solid var(--border);flex:1;min-width:100px}.cal-day-col:last-child{border-right:none}.cal-header-cell{background:var(--cream-dark);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:2px;height:52px;padding:6px;font-size:.75rem;display:flex}.cal-header-cell.today{background:#f0ebd8}.cal-day-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-weight:700}.cal-day-num{font-size:1.1rem;font-weight:700;line-height:1}.today-num{background:var(--charcoal);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.cal-time-cell{height:68px;color:var(--text-muted);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:flex-start;padding:6px 8px;font-size:.68rem;font-weight:500;display:flex}.cal-slot{border-bottom:1px solid #0000000d;flex-direction:column;gap:2px;height:68px;padding:3px;display:flex;overflow:hidden}.cal-event{background:var(--charcoal);color:var(--white);border-radius:4px;flex-direction:column;gap:1px;padding:3px 6px;font-size:.68rem;display:flex;overflow:hidden}.cal-event strong{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.cal-event span{opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.cal-event-time{color:var(--gold-light)}.staff-footer-note{border-top:1px solid var(--gold-light);color:#7a6020;background:#fff8e6;padding:16px 40px;font-size:.8rem}@media (width<=768px){.hero{grid-template-columns:1fr;gap:40px;padding:48px 20px}.hero-title{font-size:3rem}.home-nav{padding:16px 20px}.services-section{padding:48px 20px}.booking-header{flex-wrap:wrap;padding:16px 20px}.booking-body{padding:32px 20px}.booking-footer{padding:16px 20px}.staff-header{flex-wrap:wrap;padding:20px}.staff-stats{grid-template-columns:repeat(2,1fr);padding:16px 20px}.list-view{padding:20px}.calendar-view{padding:16px 20px}.booking-row{flex-wrap:wrap;gap:12px}.booking-row-date{flex-direction:row;align-items:baseline;gap:6px}}