.client-shell{min-height:90vh}.client-body .preview-bar{max-width:1200px}.demo-switch{border:0;background:none;color:var(--teal-dark);font:inherit;cursor:pointer;padding:0}.client-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.client-nav a{font-size:13px;padding:12px 0;color:#526f6d;border-bottom:2px solid transparent}.client-nav a[aria-current]{color:var(--teal-dark);border-color:var(--teal)}.client-shell .header{gap:30px}.client-hero{display:flex;align-items:center;justify-content:space-between;min-height:265px;padding-top:45px;padding-bottom:40px;background:linear-gradient(105deg,#eff6f4,#fbfdfc 70%,#e9f2f0);border-radius:14px}.client-hero h1{font-size:58px;line-height:1.05;margin:14px 0 20px}.client-hero .intro{font-size:17px;margin:0;color:#5b7370}.client-monogram{font-family:var(--serif);font-size:130px;color:#85aca4;opacity:.5;padding-right:45px;font-weight:200}.client-content{padding-top:42px;padding-bottom:55px}.client-content h1{font-size:42px;line-height:1.15;margin:12px 0 26px}.client-content h2{font-size:30px}.client-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:32px;align-items:start}.client-layout>section,.client-layout>aside{min-width:0}.client-tabs{display:flex;gap:28px;border-bottom:1px solid #e0e9e5;margin:22px 0 25px}.client-tabs a{padding:12px 0 16px;font-size:13px;color:#768a83;border-bottom:2px solid transparent;margin-bottom:-1px}.client-tabs a[aria-current]{color:var(--teal-dark);border-color:var(--teal)}.client-tabs span{display:inline-grid;place-items:center;border-radius:50%;background:#eff5f2;min-width:22px;height:22px;font-size:11px;margin-left:5px}.client-visits{display:grid;gap:18px}.client-visit{display:flex;gap:25px;padding:26px;border:1px solid #e0e9e4;border-radius:16px;background:#fff;box-shadow:0 6px 24px #20443d05}.visit-calendar-date{width:66px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;align-self:flex-start;border-radius:11px;background:#eef5f1;padding:14px 4px;color:#527d72}.visit-calendar-date strong{font-family:var(--serif);font-size:38px;font-weight:400;line-height:1}.visit-calendar-date span{font-size:11px;margin-top:7px}.visit-calendar-date small{font-size:10px;color:#8ca095;margin-top:10px}.client-visit-main{min-width:0;flex:1}.visit-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#80948d;font-size:11px;flex-wrap:wrap}.client-visit h3{font-size:26px;margin:16px 0 12px;line-height:1.2}.client-visit p{font-size:12px;margin:6px 0;color:#6a7e77}.client-visit-bottom{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px;padding-top:15px;border-top:1px solid #edf1ed}.client-visit-bottom>strong{color:var(--teal-dark);margin-right:auto;font-size:16px;font-weight:500}.client-visit-bottom a{font-size:12px}.client-reminder-note{background:linear-gradient(130deg,#eaf3ed,#f5f8f2);border:1px solid #dfe9df;border-radius:17px;padding:28px}.client-reminder-note h2{line-height:1.15;margin:15px 0 20px}.client-reminder-note p{color:#6d8175;font-size:13px;line-height:1.7}.outline-icon{font-size:35px;color:#689989}.preference-summary{padding:0;list-style:none;margin:24px 0}.preference-summary li{display:flex;justify-content:space-between;border-bottom:1px solid #d9e6dd;padding:12px 0;font-size:12px;color:#657e6b}.preference-summary strong{font-weight:500;color:#3d7866}.client-help{padding:28px 8px}.client-help h3{font-size:24px}.client-help p{font-size:12px;color:#819187}.client-help a{font-size:12px}.client-empty{text-align:center;padding:40px 25px}.client-empty h2{font-size:27px;line-height:1.2}.client-empty p{font-size:14px;color:#72867b;line-height:1.8}.client-footer{border-top:1px solid #edf1eb;margin-top:20px}.client-footer p{font-size:11px;line-height:1.7;color:#8a998f}.client-big-date{font-family:var(--serif);font-size:35px;margin:0 0 10px}.client-big-date span{color:var(--teal-dark);margin-left:20px}.client-detail .visit-data{margin:28px 0;line-height:1.65}.client-rules{margin-top:25px;padding-top:25px;border-top:1px solid #e4ebe5}.client-rules h3{font-size:23px}.client-rules p{font-size:12px;color:#7a897f;line-height:1.8}.cancel-panel summary{font-size:13px;color:#9a7765;cursor:pointer;margin:20px 0}.cancel-panel{border-top:1px solid #ecede7}.visit-notice{padding:15px 0;border-bottom:1px solid #dce7dd;margin-bottom:18px;font-size:13px}.visit-notice strong{font-weight:500}.visit-notice p{margin:8px 0}.client-test-banner{display:flex;gap:20px;align-items:center;padding:22px 25px;border:1px solid #e4e9df;background:#f6f8f0;border-radius:14px;margin:30px 0 40px;flex-wrap:wrap}.client-test-banner p{font-size:12px;color:#7c8875;flex:1;min-width:200px;line-height:1.7;margin:0}.client-test-banner button{font-size:12px}.reminder-list{display:grid;gap:18px;margin-top:25px}.reminder-card h3{font-size:24px;margin:18px 0 12px}.reminder-card p{font-size:13px;line-height:1.7;color:#78877c}.reminder-card details{margin:20px 0;color:#517e70;font-size:12px}.reminder-card summary{cursor:pointer}.reminder-card blockquote{margin:15px 0;padding:15px 20px;background:#f2f7f2;border-left:2px solid #91b3a1;line-height:1.8;color:#5b7768}.ready-notice{background:#f6f9f5}.ready-notice .eyebrow{font-size:10px}.client-login{max-width:720px;padding-top:65px}.client-login h1{font-size:50px}.client-login .client-reminder-note{margin:30px 0}.client-messages{padding-top:20px}.client-message{padding:15px 20px;border:1px solid #cbded1;border-radius:10px;background:#eef7ef;color:#47735a;font-size:13px;line-height:1.7}.client-message.error{border-color:#e7d2c5;background:#fcf3ec;color:#996e53}.client-preferences{margin:0}.client-preferences h2{margin:0 0 25px}.client-preferences input[type=checkbox]{accent-color:var(--teal);width:17px;height:17px;vertical-align:middle}.salon-picker{position:relative}.salon-picker summary{cursor:pointer;list-style:none;font-size:13px}.salon-picker summary::-webkit-details-marker{display:none}.salon-picker>div{position:absolute;right:0;top:100%;margin-top:8px;z-index:5;background:#fff;border:1px solid #dce9e0;border-radius:12px;box-shadow:0 8px 35px #38665c18;min-width:260px;padding:10px}.salon-picker>div a{display:block;padding:15px;font-size:13px;color:var(--teal-dark)}.client-shell a:focus-visible,.client-shell summary:focus-visible,.client-shell button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:1000px){.client-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:22px}.client-nav{gap:18px}.client-visit{padding:20px;gap:17px}.client-visit h3{font-size:24px}.client-visit-bottom{gap:15px}.client-reminder-note{padding:23px}.client-monogram{padding-right:0}}
@media(max-width:760px){.client-shell .header{flex-wrap:wrap;gap:10px 20px}.client-shell .header>.brand{margin-right:auto}.client-shell .header>form{margin-left:auto}.client-nav{order:3;width:100%;justify-content:space-between;gap:10px}.client-nav a{font-size:12px}.client-hero{min-height:220px;padding-top:35px;padding-bottom:35px;border-radius:0}.client-hero h1{font-size:40px}.client-hero .intro{font-size:14px;max-width:250px;line-height:1.7}.client-monogram{font-size:70px;align-self:flex-start}.client-content{padding-top:30px;padding-bottom:30px}.client-content h1{font-size:33px}.client-content h2{font-size:28px}.client-layout{grid-template-columns:1fr}.client-visit{gap:15px;padding:20px 16px}.visit-calendar-date{width:53px;padding:12px 3px}.visit-calendar-date strong{font-size:31px}.client-visit h3{font-size:24px}.visit-kicker{gap:8px}.client-visit-bottom{gap:14px}.client-visit-bottom>strong{flex-basis:100%}.client-aside{margin-top:15px}.client-tabs{gap:20px}.client-test-banner{padding:20px;gap:15px}.client-detail{padding:23px}.client-big-date{font-size:29px}.client-big-date span{margin-left:10px}.client-login h1{font-size:38px}.client-login .button{font-size:12px}.client-body .preview-bar{gap:8px;line-height:1.7}.client-preferences{padding:25px}.client-help{padding:24px}.client-hero .eyebrow{font-size:10px}}
.client-hero{padding-left:35px;padding-right:35px}@media(max-width:760px){.client-hero{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.client-body .preview-bar{margin-bottom:12px}.client-shell .header{height:auto;min-height:118px;padding-top:12px;padding-bottom:0}.client-monogram{display:none}}