@layer reset,base,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}fieldset{border:0;padding:0;margin:0}}
@layer base{:root{color-scheme:dark;--bg:#101211;--surface:#191c1a;--surface2:#202420;--line:#343a33;--text:#f5f3e9;--muted:#a7ada4;--gold:#dbb65e;--green:#a3c9a4;--red:#f3a69b;--display:Impact,'Arial Narrow','Helvetica Neue',sans-serif}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.55}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2rem,3.4vw,2.75rem);font-weight:650}h2{font-size:1.55rem;font-weight:600}h3{font-size:1.22rem}p{color:var(--muted);margin:14px 0 20px;line-height:1.7}small{display:block;color:var(--muted);font-size:.8125rem;line-height:1.5}em{font-style:normal;color:var(--gold)}button{border:0}a,button{transition:background .15s,color .15s,border .15s,transform .15s}a:hover{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}::selection{background:var(--gold);color:var(--bg)}input,select,textarea{width:100%;padding:12px 14px;border-radius:6px;background:#101411;color:var(--text);border:1px solid #434a41;min-height:46px;font-size:1rem}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;accent-color:var(--gold);flex:none}label{display:block;font-size:.875rem;color:#d6dacf;margin-bottom:8px}input::placeholder,textarea::placeholder{color:#7f887b}button:disabled{cursor:not-allowed;opacity:.45}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}summary{cursor:pointer}dt{font-size:.8125rem;color:var(--muted);margin-top:22px}dd{margin:5px 0 0}th{text-align:left;font-size:.75rem;letter-spacing:.045em;text-transform:uppercase;font-weight:500;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--line);padding:18px 15px}td{padding:22px 15px;border-bottom:1px solid #2a3029;font-size:.875rem;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1e231e}}
@layer components{
.wrap{max-width:1280px;width:calc(100% - 96px);margin:0 auto}.narrow{max-width:700px}.section{padding-top:86px;padding-bottom:86px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:600;color:var(--gold);margin-bottom:20px}.gold-line{display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.gold{color:var(--gold)}.muted,.help{color:var(--muted)}.help{font-size:.875rem;line-height:1.6;margin:8px 0 16px}.fine{font-size:.8125rem!important;max-width:540px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-60px;z-index:30;background:var(--gold);color:#111;padding:10px}.skip:focus{top:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:15px 22px;border-radius:5px;font-size:.875rem;font-weight:650;min-height:48px;line-height:1.3;white-space:normal}.button span{font-size:1.2rem}.primary{background:var(--gold);color:#171b13;border:1px solid var(--gold)}.primary:hover{background:#eccb7c;color:#151910;transform:translateY(-1px)}.secondary{border:1px solid #454c40;background:transparent;color:var(--text)}.secondary:hover{border-color:var(--gold);background:#292c20}.small{padding:11px 15px;min-height:42px}.full{width:100%}.underlink{font-size:.875rem;font-weight:600;display:inline-block;padding:10px 0;border-bottom:1px solid #606751}.text-button{background:transparent;color:var(--muted);font-size:.875rem;padding:9px 0;text-align:left}.text-button:hover{color:var(--text)}.danger{color:var(--red)}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.round-arrow{width:42px;height:42px;border:1px solid #48513e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex:none}.badge,.tag,.status{display:inline-block;font-size:.75rem;letter-spacing:.025em;padding:5px 9px;border-radius:4px;line-height:1.4}.badge{color:var(--gold);border:1px solid #665a33;background:#24251a}.tag{background:#272d25;color:#cbd3c5}.status{border-radius:20px}.confirmed{color:#dabd70;background:#353120}.completed{color:#a9cfaa;background:#233629}.cancelled,.noshow{color:#d5aaa3;background:#372925}.brand{display:flex;align-items:center;gap:12px;color:var(--text)!important}.brand img{width:56px;height:56px;border-radius:50%}.brand>span{font-size:1.9rem;line-height:1;font-weight:750;letter-spacing:-.04em}.brand small{font-size:.75rem;letter-spacing:.15em;margin-top:7px;color:#c6c6b8}.public-header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:32px;border-bottom:1px solid #2c3229}.public-header nav{display:flex;gap:32px;font-size:.875rem}.header-actions{display:flex;align-items:center;gap:28px}.account-link{font-size:.875rem}.demo-banner{font-size:.75rem;letter-spacing:.09em;color:#d5bc77;border-bottom:1px solid #3b3826;padding:10px 0}.demo-banner span{font-size:.75rem;letter-spacing:0;margin-left:18px;color:#bcbba9}.hero{display:grid;grid-template-columns:1.18fr 1fr;min-height:650px;align-items:stretch;padding-top:60px;padding-bottom:50px;gap:55px}.hero h1,.display-title,.auth-copy h1{font-family:var(--display);font-size:clamp(3.8rem,6.3vw,6.3rem);letter-spacing:-.018em;font-weight:400;line-height:.98}.hero h1 em{white-space:nowrap}.hero-copy>p{font-size:1rem;margin:28px 0 32px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:54px;padding-top:18px;font-size:.75rem;letter-spacing:.13em;color:#a9af9f}.hero-brand{position:relative;display:flex;flex-direction:column;justify-content:center;background:#020302;border:1px solid #252c20;overflow:hidden}.hero-brand>img{width:100%;aspect-ratio:1;object-fit:contain}.vertical-label{position:absolute;top:24px;left:23px;writing-mode:vertical-rl;font-size:.75rem;letter-spacing:.19em;color:#8b927d;z-index:1}.brand-caption{display:flex;justify-content:space-between;align-items:center;padding:22px 27px;border-top:1px solid #303729;font-size:.75rem;letter-spacing:.13em}.brand-caption strong{font-size:.875rem;line-height:2;font-weight:600;letter-spacing:.02em}.brand-caption .round-arrow{background:var(--gold);color:#161b12;border:0}.ticker{background:var(--gold);color:#171b13;display:flex;gap:44px;justify-content:center;align-items:center;padding:15px 24px;overflow:hidden;white-space:nowrap;font-size:.875rem;letter-spacing:.07em;font-weight:700}.ticker b{font-size:1.2rem}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section-heading h2,.referral-layout h2,.welcome-section h2,.location-section h2{font-family:var(--display);font-weight:400;font-size:clamp(2.8rem,4.5vw,4.2rem);line-height:1.02;letter-spacing:-.02em}.section-heading p{font-size:.9375rem;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;min-height:280px}.service-card:hover{border-color:var(--gold);transform:translateY(-4px);color:var(--text)}.service-top{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.06em;color:#9fa895;margin-bottom:30px}.service-number{color:var(--gold);font-size:.875rem}.service-card h3{font-size:1.65rem;font-weight:550}.service-card p{font-size:.875rem;flex:1;max-width:280px}.service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.service-bottom strong{font-size:1.45rem;font-weight:600}.service-card:hover .round-arrow{background:var(--gold);color:var(--bg)}.referral-section{background:#1c221b;border-block:1px solid #343e2d;padding:72px 0}.referral-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:center}.referral-layout>div>p{max-width:510px}.reward-pair{display:flex;align-items:center;gap:27px;margin:34px 0}.reward-pair strong{display:block;font-size:3.5rem;font-family:var(--display);font-weight:400;line-height:1}.reward-pair span{display:block;font-size:.75rem;letter-spacing:.09em;color:#bdc4b1;margin-top:12px}.reward-pair>b{color:var(--gold);font-weight:400;font-size:1.7rem}.referral-art{width:100%;max-width:310px;justify-self:center;transform:rotate(4deg)}.referral-art img{border-radius:6px;border:1px solid #6b5826;box-shadow:0 16px 45px #0007}.referral-art>span{font-size:.75rem;letter-spacing:.15em;display:block;text-align:center;margin-top:20px;color:#c4ccb8}.barber-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.barber-card{display:flex;gap:24px;padding:26px;background:var(--surface);border:1px solid var(--line);align-items:center}.barber-card>div{flex:1}.barber-card p{font-size:.875rem;margin:10px 0 0}.barber-monogram{font-family:var(--display);font-size:4rem;line-height:1;color:var(--gold);width:75px;flex:none}.welcome-section{border:1px solid #4d5037;padding:45px 60px;display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}.welcome-section p{max-width:580px}.poster-link{width:200px;justify-self:center;transform:rotate(-3deg)}.poster-link img{height:255px;width:200px;object-fit:cover;object-position:top;border:1px solid #897444}.poster-link span{font-size:.75rem;display:block;margin-top:12px;color:var(--gold)}.location-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-top:90px;padding-bottom:90px}.location-section .address{font-size:1.45rem;max-width:470px;color:var(--text);margin:0 0 8px}.location-section .button{display:table;margin-top:30px}.public-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:35px 0;font-size:.75rem;align-items:center}.public-footer strong{font-size:.875rem;letter-spacing:.03em}.public-footer p{margin:7px 0 0}.public-footer>div:last-child{display:flex;align-items:center;gap:22px}.public-footer span{color:var(--muted);font-size:.75rem;letter-spacing:.08em}.auth-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-top:80px;padding-bottom:110px;align-items:center}.auth-copy h1{font-size:6rem}.auth-copy p{max-width:400px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:28px;margin-bottom:24px;min-width:0}.auth-panel{padding:38px;max-width:490px}.auth-panel h2{margin:12px 0 28px}.field{margin-bottom:22px}.field label{font-weight:500}.check-field{display:flex;flex-wrap:wrap;align-items:start;gap:10px}.check-field label{flex:1;min-width:200px;order:1}.check-field input{margin-top:3px}.check-field .errorlist{width:100%}.check-field .help{width:100%}.form-panel{max-width:800px}.form-panel .button{margin-top:10px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field>div>div>label{display:flex;align-items:center;gap:12px;min-height:32px}.field>div>div>label input{margin:0}.auth-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;font-size:.875rem;color:var(--muted)}.auth-bottom a{color:var(--gold)}.errorlist{padding:12px 16px;margin:12px 0 18px;border:1px solid #84574c;color:#ffc1b1;border-radius:5px;list-style:none;font-size:.875rem;background:#382721}.messages{padding-top:15px}.message{padding:14px 18px;background:#2e3427;border:1px solid #626b48;border-radius:6px;font-size:.9375rem;margin-bottom:12px}.message.error{background:#382721;border-color:#84574c;color:#ffc1b1}.booking-page{padding-top:55px}.booking-page .display-title{font-size:4.5rem}.booking-layout,.visit-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:52px;margin-top:45px;align-items:start}.booking-step{margin-bottom:38px;padding-bottom:26px;border-bottom:1px solid var(--line)}.booking-step h2{font-size:1.4rem;display:flex;gap:17px;align-items:center;margin-bottom:23px}.booking-step h2>span{font-size:.875rem;color:var(--gold);font-weight:500}.select-service{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer}.select-service:has(input:checked){border-color:var(--gold);background:#282b20}.select-service>span{flex:1}.select-service strong{font-size:1rem}.select-service small{margin-top:6px}.select-service>b{white-space:nowrap;font-weight:500;color:var(--gold)}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.slot-label{margin:0;position:relative}.slot-label input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.slot-label span{display:block;text-align:center;padding:12px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:.9375rem}.slot-label:has(input:checked) span{background:var(--gold);color:var(--bg);border-color:var(--gold)}.slot-label:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:4px}.booking-summary{position:sticky;top:26px}.booking-summary h2{margin-bottom:26px}.summary-line{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:17px 0;font-size:.875rem}.summary-line>span{color:var(--muted)}.summary-line strong{font-size:1.1rem;white-space:nowrap}.summary-terms{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-top:24px}.booking-customer{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:.875rem}.booking-summary .underlink{display:table;margin:15px auto}.avatar{width:40px;height:40px;background:#2f392a;color:#c9d9b6;border:1px solid #44503b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:550;flex:none}.large-avatar{width:68px;height:68px;font-size:1.8rem}.workspace{font-size:.9375rem}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;padding:29px 21px;background:#151815;border-right:1px solid #31372e;z-index:10}.sidebar .brand{margin:0 4px 46px}.sidebar-label{font-size:.75rem;letter-spacing:.15em;color:#818d76;margin:0 13px 16px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav>a{padding:12px 11px;display:flex;gap:13px;align-items:center;font-size:.8125rem;color:#aab6a1;border-radius:5px}.sidebar nav>a span{font-size:1.2rem;width:23px;text-align:center;line-height:1}.sidebar nav>a[aria-current=page]{background:#363c26;color:#e5cb89;box-shadow:inset 2px 0 var(--gold)}.sidebar nav>a:hover{background:#282e22;color:var(--text)}.nav-divider{height:1px;background:var(--line);margin:20px 9px 16px}.sidebar-bottom{margin-top:auto;padding:30px 3px 0}.location-label{font-size:.75rem;color:#b1b89e;letter-spacing:.1em;display:flex;justify-content:space-between;margin-bottom:12px}.location-label span{color:var(--gold)}.sidebar-bottom>a{font-size:.75rem;color:#95a089}.user-card{display:flex;gap:11px;border-top:1px solid var(--line);padding-top:23px;margin-top:25px;align-items:center;font-size:.8125rem}.user-card>div{flex:1;min-width:0;overflow-wrap:anywhere}.user-card small{font-size:.75rem;margin-top:3px}.user-card .avatar{width:33px;height:33px;font-size:.75rem}.user-card form{margin:0}.workspace-body{margin-left:250px}.workspace-top{height:81px;border-bottom:1px solid #30362b;padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:#838f7a;gap:20px}.workspace-top strong{font-weight:500;color:#b4bdab}.workspace-top>div{display:flex;align-items:center;gap:25px}.time-label{font-size:.75rem}.workspace .demo-banner,.workspace .messages{margin:0 38px}.workspace-content{padding:40px 38px 55px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.page-heading .eyebrow{margin-bottom:12px;font-size:.75rem}.page-heading h1{font-size:clamp(1.8rem,2.6vw,2.35rem);font-weight:550}.page-heading p{font-size:.875rem;margin:13px 0 0}.page-heading>.button{flex:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:23px;min-width:0}.stat>span{font-size:.75rem;letter-spacing:.08em;color:#b4bdaa}.stat>strong{font-size:2rem;letter-spacing:-.04em;display:block;line-height:1.2;margin:17px 0 12px;font-weight:550;overflow-wrap:anywhere}.stat small{font-size:.75rem}.primary-stat{background:#d7bd76;border-color:#d7bd76;color:#1c2716}.primary-stat>span{color:#3e4b2f}.primary-stat small{color:#48563a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.panel-heading h2{font-size:1.15rem;font-weight:550;letter-spacing:-.02em}.count{display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:var(--gold);background:#353b26;border:1px solid #4c5835;width:25px;height:25px;border-radius:5px;margin-left:8px;vertical-align:middle}.filter-row{display:flex;gap:16px;align-items:end;margin:0 0 24px}.filter-row .field{margin:0;flex:1;min-width:0}.filter-row label{font-size:.75rem;color:var(--muted)}.filter-row input,.filter-row select{font-size:.8125rem;padding:10px 11px;min-height:42px}.filter-row .button{min-height:42px;padding:11px 13px;font-size:.75rem}.agenda-date{font-size:.75rem;color:#a3af93;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:5px 0 16px}.appointment-row{display:flex;gap:19px;align-items:start;padding:23px 0;border-bottom:1px solid #33392c}.appointment-row:last-child{border:0;padding-bottom:0}.appointment-time{font-size:1.05rem;font-weight:550;min-width:50px}.appointment-time small{font-size:.75rem;margin-top:5px}.appointment-info{flex:1;min-width:0}.appointment-info strong{font-size:.875rem}.appointment-info p{font-size:.8125rem;margin:5px 0 5px;line-height:1.4}.appointment-info small{font-size:.75rem}.appointment-actions{text-align:right;max-width:160px}.appointment-actions .underlink{font-size:.75rem;display:block;padding:7px 0;border:0}.actions-menu summary{font-size:.75rem;color:var(--muted);padding-top:5px}.actions-menu button{font-size:.75rem;display:block}.quick-panel{background:#252e21;border-color:#455237}.quick-panel h2{font-size:1.6rem;font-weight:500;line-height:1.2}.quick-panel p{font-size:.875rem}.quick-panel .eyebrow{font-size:.75rem}.mini-row{display:flex;gap:11px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:.8125rem}.mini-row:last-child{border:0}.mini-row>span:not(.avatar){flex:1;min-width:0}.mini-row strong{font-weight:550}.mini-row b{font-weight:500;font-size:.75rem;white-space:nowrap}.mini-row small{font-size:.75rem;margin-top:4px}.mini-row .avatar{width:33px;height:33px;font-size:.75rem}.empty{text-align:center;padding:35px 20px;color:var(--muted)}.empty h3{font-size:1.1rem;color:var(--text);font-weight:500}.empty p{font-size:.875rem;max-width:420px;margin:13px auto 22px}.empty.large{padding:48px 20px}.empty-icon{display:block;font-size:2.4rem;color:#a8b393;margin-bottom:20px}.search-row{padding-bottom:25px;border-bottom:1px solid var(--line)}.search-row .grow{flex:2}.table-scroll{overflow-x:auto}.person{display:flex;align-items:center;gap:13px}.person strong{font-weight:550}.person small{font-size:.75rem;margin-top:5px}.pagination{display:flex;justify-content:center;gap:25px;align-items:center;margin-top:25px;font-size:.875rem}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.wallet-grid .stat{padding:20px}.wallet-grid strong{font-size:1.7rem}.wallet-grid small{font-size:.75rem}.history-item{border-bottom:1px solid var(--line);padding:23px 0}.history-item:last-child{border:0}.history-item .panel-heading{margin-bottom:20px}.history-item .panel-heading>div>strong{font-size:.875rem}.history-item small{font-size:.75rem;margin-top:5px}.receipt-line,.receipt-total{display:flex;justify-content:space-between;gap:18px;font-size:.875rem;padding:7px 0}.receipt-total{border-top:1px dashed #424b37;margin-top:8px;padding-top:13px}.receipt-total strong{font-weight:550}.legacy-notes{white-space:pre-line;font-size:.875rem;line-height:1.8}.detail-grid aside h2{font-size:1.2rem}.detail-grid aside dd{font-size:.875rem}.detail-grid aside p{font-size:.875rem}.referral-code{display:flex;width:100%;justify-content:space-between;align-items:center;padding:17px;border:1px dashed var(--gold);border-radius:6px;background:#171e13;color:var(--gold);font-size:1.5rem;letter-spacing:.04em;margin:25px 0}.referral-code span{font-size:.75rem;color:var(--text)}.voucher-card{border-color:#73633a;background:#28281d}.account-appointment{padding:20px 0;border-bottom:1px solid var(--line)}.account-appointment:last-child{border:0}.account-appointment h3{font-size:2rem;font-weight:550;margin-top:14px}.account-appointment h3 small{font-size:1rem;display:inline;font-weight:400}.account-appointment .eyebrow{font-size:.8125rem}.visit-layout{gap:28px;margin-top:30px;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr)}.visit-layout .form-panel h2{font-size:1.2rem}.visit-service{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.visit-service>label{display:flex;align-items:center;gap:14px;flex:1;font-size:.875rem;margin:0}.price-input{display:flex;align-items:center;gap:8px;width:130px;font-size:.875rem}.price-input input{width:100px;font-size:.875rem;min-height:42px;padding:9px}.visit-service:last-of-type{margin-bottom:20px}.visit-layout .check-field{margin-top:22px}.total-line strong{color:var(--gold);font-size:1.5rem}.service-admin{padding:25px;margin:0}.service-admin h2{font-size:1.4rem}.service-admin p{font-size:.875rem}.service-admin .underlink{margin-top:20px}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.team-grid .panel{margin:0}.team-grid h2{font-size:1.5rem}.team-grid p{margin:8px 0;font-size:.875rem}.schedule-list{margin:26px 0}.schedule-list>div{display:flex;justify-content:space-between;font-size:.875rem;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.schedule-list strong{font-weight:500}.prose h2{margin-top:35px}.prose p{font-size:1rem}.prose h1{font-size:3rem}
}
@layer responsive{
@media(min-width:1600px){.workspace-content{max-width:1700px;margin:auto}.hero{min-height:700px}}
@media(max-width:1250px){.wrap{width:calc(100% - 64px)}.sidebar{width:220px;padding:24px 15px}.workspace-body{margin-left:220px}.workspace-content{padding:30px 25px}.workspace-top{padding:0 25px}.workspace .demo-banner,.workspace .messages{margin:0 25px}.stat{padding:19px}.stat>strong{font-size:1.7rem}.stats-grid{gap:12px}.panel{padding:23px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:18px}.hero{gap:30px;min-height:580px}.hero-actions{gap:15px}.hero-actions .button{padding:15px}.hero .eyebrow{font-size:.75rem}.referral-layout{gap:50px}.public-header nav{gap:20px}.hero h1{font-size:6.3vw}.appointment-row{gap:13px}.detail-grid{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr)}.workspace .page-heading{align-items:start}.workspace .page-heading>.button{font-size:.75rem}.workspace .button-row{gap:8px}.workspace .button-row .button{font-size:.75rem;padding:12px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.sidebar{width:190px;padding:24px 11px}.sidebar nav>a{font-size:.75rem;gap:7px;padding:12px 8px}.sidebar .brand img{width:45px;height:45px}.sidebar .brand>span{font-size:1.55rem}.sidebar .brand small{font-size:.75rem}.sidebar-label{font-size:.75rem;margin-left:7px}.workspace-body{margin-left:190px}.dashboard-grid,.detail-grid{grid-template-columns:1fr}.dashboard-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.detail-grid>aside>.panel{margin:0}.time-label{display:none}.public-header nav{display:none}.hero-foot{font-size:.75rem}.hero-actions{align-items:start;flex-direction:column}.hero{min-height:590px}.hero-brand{align-self:center}.hero-brand img{min-height:300px}.brand-caption{padding:18px}.vertical-label{font-size:.75rem;left:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.referral-layout h2{font-size:3rem}.referral-art{max-width:260px}.welcome-section{padding:35px}.location-section h2{font-size:3.5rem}.auth-layout{gap:50px}.auth-copy h1{font-size:5rem}.booking-layout{gap:28px;grid-template-columns:1.5fr 1fr}.visit-layout{grid-template-columns:1fr}.visit-layout .booking-summary{position:static}.team-grid{grid-template-columns:1fr}.public-footer>div:last-child{flex-wrap:wrap;justify-content:end}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.public-header{padding:18px 0;gap:15px}.brand img{width:45px;height:45px}.brand>span{font-size:1.6rem}.brand small{font-size:.75rem}.header-actions{gap:14px}.header-actions .button{padding:11px 12px;font-size:.75rem;min-height:40px;gap:10px}.account-link{font-size:.75rem}.demo-banner{font-size:.75rem}.demo-banner span{display:block;margin:4px 0 0;font-size:.75rem}.hero{grid-template-columns:1fr;gap:34px;padding-top:40px;padding-bottom:32px}.hero h1{font-size:clamp(3.5rem,11vw,5.4rem)}.hero .eyebrow{font-size:.75rem;letter-spacing:.1em}.hero-copy>p{font-size:.9375rem;margin:22px 0 24px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{font-size:.8125rem}.hero-actions .underlink{font-size:.75rem}.hero-foot{margin-top:30px;font-size:.75rem}.hero-brand{display:grid;grid-template-columns:1fr 1fr;min-height:190px}.hero-brand img{min-height:0;max-height:200px;object-fit:contain}.vertical-label{display:none}.brand-caption{border-top:0;border-left:1px solid #303729;flex-direction:column;justify-content:center;align-items:start;gap:15px;padding:20px}.brand-caption strong{font-size:.8125rem}.brand-caption .round-arrow{width:35px;height:35px}.ticker{gap:25px;font-size:.75rem;padding:12px 20px;justify-content:start}.section{padding-top:52px;padding-bottom:52px}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:26px}.section-heading h2{font-size:2.9rem}.section-heading p{font-size:.875rem}.eyebrow{font-size:.75rem;margin-bottom:17px}.service-grid{gap:13px}.service-card{padding:20px;min-height:265px}.service-card h3{font-size:1.3rem}.service-top{margin-bottom:24px}.service-card p{font-size:.8125rem}.service-bottom strong{font-size:1.2rem}.service-card .round-arrow{width:33px;height:33px;font-size:1.2rem}.referral-section{padding:47px 0}.referral-layout{grid-template-columns:1fr;gap:40px}.referral-layout h2{font-size:3rem}.referral-art{max-width:240px}.referral-layout>div>p{font-size:.9375rem}.reward-pair strong{font-size:3.2rem}.barber-grid{grid-template-columns:1fr;gap:15px}.barber-card{padding:24px;gap:17px}.barber-monogram{width:55px;font-size:3.5rem}.welcome-section{padding:28px;grid-template-columns:1fr;gap:30px}.welcome-section h2{font-size:2.5rem}.welcome-section .badge{font-size:.75rem}.poster-link{width:170px}.poster-link img{width:170px;height:227px}.location-section{grid-template-columns:1fr;padding-top:60px;padding-bottom:55px;gap:25px}.location-section .address{font-size:1.15rem}.location-section h2{font-size:3rem}.public-footer{align-items:start;flex-direction:column;padding:28px 0;gap:24px}.public-footer>div:last-child{justify-content:start;gap:18px}.auth-layout{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:50px}.auth-copy h1{font-size:3.9rem}.auth-copy p{font-size:.9375rem}.auth-panel{max-width:none;padding:25px}.auth-panel h2{font-size:1.5rem}.display-title,.booking-page .display-title{font-size:3rem}.booking-layout{grid-template-columns:1fr;gap:0;margin-top:35px}.booking-summary{position:static}.booking-step h2{font-size:1.2rem}.slots{grid-template-columns:repeat(4,1fr);gap:9px}.select-service{padding:17px 13px;gap:10px}.select-service strong{font-size:.9375rem}.select-service small{font-size:.75rem}.select-service>b{font-size:.8125rem}.workspace-body{margin-left:0}.sidebar{position:static;width:100%;padding:14px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 15px}.sidebar .brand small{font-size:.75rem}.sidebar-label,.sidebar-bottom,.nav-divider{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:12px}.sidebar nav>a{white-space:nowrap;font-size:.75rem;padding:10px 12px;min-height:42px}.sidebar nav>a span{font-size:1rem;width:auto}.sidebar nav>a[aria-current=page]{box-shadow:none;border-bottom:2px solid var(--gold)}.workspace-top{height:65px;padding:0 20px;font-size:.75rem}.workspace-top .button{font-size:.75rem;padding:10px;min-height:40px}.workspace-top>div{gap:0}.workspace .demo-banner,.workspace .messages{margin:0 20px}.workspace-content{padding:28px 20px 40px}.page-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:26px}.page-heading h1{font-size:1.9rem}.page-heading p{font-size:.875rem}.page-heading .eyebrow{font-size:.75rem}.page-heading .person{align-items:start;gap:14px}.page-heading .large-avatar{width:49px;height:49px;font-size:1.3rem}.stats-grid{gap:12px;margin-bottom:22px}.stat{padding:19px 16px}.stat>span{font-size:.75rem;letter-spacing:.065em}.stat>strong{font-size:1.8rem;margin:14px 0 10px}.stat small{font-size:.75rem}.dashboard-grid{gap:0}.dashboard-grid>aside{grid-template-columns:1fr;gap:0}.panel{padding:22px 18px;border-radius:7px;margin-bottom:20px}.panel-heading{gap:12px}.panel-heading h2{font-size:1.15rem}.panel-heading .badge{font-size:.75rem;padding:4px 6px}.filter-row{gap:10px;flex-wrap:wrap}.filter-row .field{flex:1;min-width:115px}.filter-row .button{font-size:.75rem}.appointment-row{gap:12px;flex-wrap:wrap}.appointment-info{min-width:145px}.appointment-actions{max-width:none;display:flex;align-items:center;gap:15px;justify-content:space-between;text-align:left;width:100%;padding-left:62px}.appointment-actions .status{font-size:.75rem}.appointment-actions .underlink{font-size:.75rem}.actions-menu summary{font-size:.75rem}.detail-grid>aside{grid-template-columns:1fr;gap:20px}.wallet-grid{grid-template-columns:1fr;gap:12px}.wallet-grid .stat>span{font-size:.75rem}.wallet-grid .stat strong{font-size:1.9rem}.wallet-grid .stat small{font-size:.75rem}.form-columns{grid-template-columns:1fr;gap:0}.visit-service{gap:8px}.visit-service>label{font-size:.8125rem;gap:9px}.price-input{width:108px}.price-input input{width:84px}.search-row .grow{flex-basis:100%}.table-scroll th{font-size:.75rem}.table-scroll td{font-size:.8125rem}.person .avatar{width:34px;height:34px}.table-scroll .person{min-width:175px}.account-appointment h3{font-size:1.8rem}.referral-code{font-size:1.4rem}.pagination{gap:13px;font-size:.75rem}.pagination .button{font-size:.75rem}.visit-layout{margin-top:0}.total-line strong{font-size:1.4rem}.team-grid .person{align-items:start}.team-grid h2{font-size:1.3rem}.team-grid .large-avatar{width:52px;height:52px;font-size:1.4rem}.prose h1{font-size:2.4rem}.public>.messages{margin-top:10px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.header-actions{gap:8px}.brand>span{display:none}.hero h1{font-size:11vw}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.stats-grid{gap:9px}.stat{padding:17px 12px}.stat>strong{font-size:1.5rem}.slots{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
}

@layer responsive{.sidebar nav>a{font-size:.875rem}.filter-row label{font-size:.875rem}.filter-row input,.filter-row select{font-size:1rem}.brand small{font-size:.5625rem}@media(max-width:740px){.sidebar nav>a{font-size:.875rem}.brand small{font-size:.5rem}}}

@layer responsive{.mobile-session{display:none}@media(max-width:740px){.sidebar{position:relative}.mobile-session{display:flex;position:absolute;right:20px;top:20px;align-items:center;gap:16px;font-size:.8125rem}.mobile-session .text-button{padding:5px 0;font-size:.8125rem}}}

@layer responsive{.page-heading .person{min-width:0;max-width:100%}.person>div{min-width:0}.page-heading h1,.page-heading p,.panel p,.panel dd{overflow-wrap:anywhere}}

/* Service discovery, customer invitations and mobile booking. */
@layer responsive {
  .button,.button.small,.round-arrow,.text-button,.underlink,.sidebar nav>a,.mobile-session a,.mobile-session button {min-height:44px}
  .text-button,.underlink {display:inline-flex;align-items:center}
  label,.filter-row label,.help,.summary-terms,.summary-line {font-size:.875rem}
  .required-label,.optional-label {color:var(--muted);font-size:.75rem;font-weight:400;margin-left:5px}
  .image-service-card {padding:0;overflow:hidden;border-radius:9px;min-height:0}
  .image-service-card:hover {transform:translateY(-3px)}
  .service-media {position:relative;aspect-ratio:4/3;overflow:hidden;background:#070907;isolation:isolate}
  .service-media>img {width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
  .service-media>img[src*='/corte.'] {object-position:50% 38%}
  .service-media>img[src*='/barba.'] {object-position:55% 45%}
  .service-media>img[src*='/cejas.'] {object-position:50% 40%}
  .service-media>img[src*='/mascarilla.'] {object-position:55% 42%}
  .service-media>img[src*='/raya.'] {object-position:50% 22%}
  .service-media>img.image-fallback {object-fit:contain}
  .service-media-pair {display:grid;grid-template-columns:1fr 1fr;gap:3px}
  .service-media-pair>img {min-width:0}
  a.image-service-card:hover .service-media>img {transform:scale(1.025)}
  .service-badge {position:absolute;top:14px;left:14px;z-index:1;background:var(--gold);color:#171b13;padding:7px 11px;border-radius:4px;font-size:.75rem;font-weight:750;line-height:1.3;box-shadow:0 2px 12px #0003}
  .service-badge.trending {background:#d5e8cb;color:#1b2c16}
  .service-card-content {padding:23px 24px 25px;display:flex;flex-direction:column;flex:1}
  .service-card-content .service-top {margin-bottom:17px}
  .service-card-content>p {margin:14px 0 20px;max-width:none}
  .service-card-content .service-bottom {margin-top:auto;padding-top:4px}
  .service-price {display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;line-height:1.3}
  .service-price del {font-size:.875rem;color:var(--muted);text-decoration-thickness:1px}
  .service-price strong {color:var(--text)}
  .service-bottom .consult-price {font-size:1.05rem;color:#c9d1bf}
  .consultation-service:hover {transform:none;border-color:var(--line)}
  .consultation-service .service-card-content>small {margin-top:15px}
  .service-image-note {font-size:.75rem;margin:20px 0 0;color:var(--muted)}
  .location-actions {margin-top:28px;gap:12px}
  .location-section .location-actions .button {display:inline-flex;margin-top:0}
  .booking-services {display:grid;gap:14px}
  .image-service-option {position:relative;padding:0;gap:0;overflow:hidden;min-height:135px;margin:0;align-items:stretch}
  .image-service-option>input {position:absolute;z-index:2;left:10px;top:10px;margin:0;width:23px;height:23px;box-shadow:0 0 0 3px #121712;border-radius:3px}
  .image-service-option .service-media {width:126px;aspect-ratio:auto;flex:none}
  .image-service-option .service-media-pair {display:block}
  .image-service-option .service-media-pair>img {position:absolute;inset:0 0 auto;height:calc(50% - 1.5px)}
  .image-service-option .service-media-pair>img:nth-of-type(2) {top:auto;bottom:0}
  .image-service-option .service-media .service-badge {left:6px;right:6px;top:auto;bottom:7px;font-size:.6875rem;padding:5px 6px;text-align:center}
  .image-service-option>.service-option-content {padding:19px 18px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}
  .service-option-content>strong {font-size:1.05rem;color:var(--text);line-height:1.3}
  .service-option-content small {margin:0;line-height:1.5}
  .service-option-content .service-price {margin-top:4px}
  .service-option-content .service-price strong {font-size:1.2rem;color:var(--gold)}
  .image-service-option:has(input:focus-visible) {outline:3px solid var(--gold);outline-offset:4px}
  .unavailable-service {cursor:default}
  .unavailable-service .service-media {opacity:.65}
  .booking-service-summary {list-style:none;padding:0;margin:0;color:#d4dbc9;font-size:.875rem}
  .booking-service-summary li {position:relative;padding:5px 0 5px 16px;overflow-wrap:anywhere}
  .booking-service-summary li:before {content:'·';position:absolute;left:0;color:var(--gold)}
  .booking-summary .summary-line strong {white-space:normal;text-align:right;overflow-wrap:anywhere;max-width:65%}
  .booking-summary .summary-line.total-line strong {white-space:nowrap;max-width:none}
  .booking-customer>div {min-width:0;overflow-wrap:anywhere}
  .mobile-booking-bar {display:none}
  .phone-input {display:flex;align-items:stretch;border:1px solid #434a41;background:#101411;border-radius:6px}
  .phone-prefix {padding:12px 14px;display:flex;align-items:center;justify-content:center;color:var(--gold);border-right:1px solid #434a41;flex:none;font-size:1rem}
  .phone-input input {border:0;background:transparent;border-radius:0 6px 6px 0;min-width:0}
  .phone-input:focus-within {outline:3px solid var(--gold);outline-offset:3px}
  .phone-input input:focus-visible {outline:none}
  .signup-offer {display:flex;align-items:center;gap:22px;padding:23px;background:#282d1e;border:1px solid #6e663d;border-radius:8px;margin:28px 0}
  .signup-offer-amount {font-size:2.5rem;font-family:var(--display);line-height:1;color:var(--gold);white-space:nowrap}
  .signup-offer strong {font-size:1rem;display:block;margin-bottom:7px}
  .signup-offer small {font-size:.875rem}
  .onboarding-layout {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:25px;max-width:1080px;align-items:start}
  .qr-panel {text-align:center;padding:32px;border-color:#655b37;background:linear-gradient(145deg,#20251d,#131713)}
  .qr-brand {display:flex;justify-content:center;gap:13px;align-items:center;margin-bottom:30px;font-size:.75rem;letter-spacing:.05em;text-align:left}
  .qr-brand img {border-radius:50%;flex:none}
  .qr-brand strong {font-weight:650}
  .qr-panel h2 {font-size:1.5rem}
  .qr-panel>p {font-size:.875rem}
  .qr-frame {width:288px;max-width:100%;margin:26px auto;background:#fff;border-radius:6px;overflow:hidden}
  .qr-frame>img {width:100%;height:auto;aspect-ratio:1;object-fit:contain}
  .qr-reward {padding:6px 0 17px}
  .qr-reward>span {display:block;font-size:.75rem;letter-spacing:.08em;color:#cbd0bb}
  .qr-reward>strong {display:block;font-size:4.5rem;font-family:var(--display);font-weight:400;color:var(--gold);line-height:1.2;margin:5px 0}
  .qr-placeholder {font-size:7rem;color:var(--gold);line-height:1;margin:24px 0}
  .steps-list {padding:0;margin:25px 0;list-style:none;counter-reset:step}
  .steps-list>li {position:relative;padding:0 0 26px 42px;counter-increment:step}
  .steps-list>li:before {content:counter(step);position:absolute;left:0;top:0;width:27px;height:27px;display:grid;place-items:center;border:1px solid #625e3c;border-radius:50%;color:var(--gold);font-size:.8125rem}
  .steps-list strong,.steps-list span {display:block;font-size:.9375rem}
  .steps-list span {color:var(--muted);margin-top:7px;font-size:.875rem;line-height:1.65}
  .steps-list li:last-child {padding-bottom:0}
  .qr-expiry {border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
  .share-actions {display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}
  .share-actions>* {flex:1}
  .share-link-details {margin:5px 0 18px;color:var(--muted);font-size:.875rem}
  .share-link-details summary {min-height:44px;padding:10px 0}
  .referral-share-panel .referral-code {font-size:1.2rem;gap:12px;letter-spacing:.035em;padding:15px;margin:20px 0 10px}
  .referral-code span {font-size:.75rem;letter-spacing:0;white-space:nowrap}
  .referral-progress {list-style:none;padding:0;margin:20px 0 0}
  .referral-progress li {display:flex;flex-wrap:wrap;align-items:center;gap:9px;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);font-size:.875rem}
  .referral-review-card {border-top:1px solid var(--line);padding:26px 0}
  .referral-review-card:last-child {padding-bottom:0}
  .referral-review-people {display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:17px;align-items:center}
  .referral-review-people small {font-size:.6875rem;letter-spacing:.08em;margin-bottom:6px}
  .referral-review-people strong {font-size:1.1rem;overflow-wrap:anywhere}
  .referral-review-people>span {font-size:1.5rem;color:var(--gold)}
  .referral-review-people a {display:inline-flex;align-items:center;min-height:44px}
  .referral-review-details {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 24px}
  .referral-review-details dt {margin-top:5px}
  .referral-review-details dd {font-size:.875rem;overflow-wrap:anywhere}
  .referral-review-empty p {margin-bottom:0}
  .welcome-dialog {width:calc(100% - 32px);max-width:460px;margin:auto;padding:43px 32px 30px;border:1px solid #8c7540;border-radius:16px;background:#191f17;color:var(--text);text-align:center;box-shadow:0 20px 80px #0009}
  .welcome-dialog::backdrop {background:#050705d9;backdrop-filter:blur(5px)}
  .dialog-close {position:absolute;right:8px;top:8px;width:44px;height:44px;display:grid;place-items:center;font-size:1.8rem;background:transparent;color:#bec9b5;border-radius:6px}
  .dialog-close:hover {background:#2c3526}
  .welcome-credit {display:block;color:var(--gold);font-family:var(--display);font-size:6.3rem;line-height:1.1;margin:14px 0 23px}
  .welcome-dialog h2 {font-size:2rem}
  .welcome-dialog p {font-size:.9375rem;margin:20px 0}
  .welcome-dialog .badge {font-size:.6875rem;margin-bottom:23px}
  .appointment-actions {overflow-wrap:anywhere}
  @media(max-width:1100px){.service-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card-content{padding:22px}.onboarding-layout{grid-template-columns:1fr}.qr-panel{max-width:520px;width:100%;justify-self:center}.referral-review-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:740px){
    .header-actions .button,.workspace-top .button,.sidebar nav>a {min-height:44px;font-size:.875rem}
    .header-actions {gap:10px}.account-link {font-size:.875rem;min-height:44px;display:flex;align-items:center}
    .public-header {gap:10px}.header-actions .button {gap:5px;padding:10px}
    .public-header .brand>span {font-size:1.4rem}.public-header .brand {gap:8px}.public-header .brand img {width:40px;height:40px}
    .mobile-session {top:14px;gap:11px}.mobile-session a,.mobile-session button {font-size:.875rem}
    .service-gallery {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
    .service-card-content {padding:18px 16px 20px}.service-card-content .service-top {font-size:.6875rem;margin-bottom:12px}
    .service-card-content h3 {font-size:1.3rem;line-height:1.2}.service-card-content p {font-size:.875rem;margin-top:10px}
    .service-card-content .service-bottom {gap:8px;align-items:end;flex-wrap:wrap}
    .service-card-content .service-price strong {font-size:1.35rem}.service-card-content .service-price {gap:6px}
    .service-badge {top:9px;left:9px;font-size:.6875rem;padding:6px 8px}
    .service-card-content .round-arrow {width:36px;min-height:36px;height:36px}
    .image-service-card {min-height:0}
    .booking-page {padding-bottom:120px}
    .image-service-option .service-media {width:104px}
    .image-service-option>.service-option-content {padding:17px 13px}
    .image-service-option {min-height:144px}
    .service-option-content>strong {font-size:1rem}.service-option-content small {font-size:.8125rem}
    .booking-step h2 {font-size:1.3rem}.booking-step .help {font-size:.875rem}
    .slots {gap:10px}.slot-label span {padding:13px 7px;font-size:1rem;min-height:48px}
    .mobile-booking-bar {position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#171e16f5;border-top:1px solid #5f6746;padding:13px 20px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #0004;backdrop-filter:blur(12px)}
    .mobile-booking-bar>div {min-width:0}.mobile-booking-bar>div>span {font-size:.6875rem;color:#b4bda8;display:block}
    .mobile-booking-bar strong {font-size:1.15rem;line-height:1.3;display:block;overflow-wrap:anywhere;color:var(--gold)}
    .mobile-booking-bar small {font-size:.6875rem;margin-top:3px}
    .mobile-booking-bar .button {flex:none;min-height:48px;padding:13px 16px;font-size:.875rem;max-width:50%}
    .onboarding-layout {gap:0}.qr-panel {padding:25px 18px}.qr-panel h2 {font-size:1.35rem}
    .qr-brand {margin-bottom:24px}.qr-panel .qr-frame {max-width:100%}.onboarding-layout>.qr-panel {border-color:#76613a}
    .signup-offer {padding:20px 18px;gap:17px}.signup-offer-amount {font-size:2.1rem}
    .referral-review-people {gap:10px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}
    .referral-review-people strong {font-size:1rem}.referral-review-details {gap:16px}
    .referral-review-card form .button {width:100%}.referral-review-panel .panel-heading {align-items:center}
    .welcome-dialog {padding:40px 23px 25px}.welcome-dialog h2 {font-size:1.8rem}.welcome-credit {font-size:5.6rem}
    .appointment-actions {flex-wrap:wrap;padding-left:0;gap:8px 14px}.appointment-actions .underlink,.actions-menu summary {min-height:44px}
    .workspace .page-heading .button-row {width:100%}.workspace .page-heading .button-row .button {font-size:.875rem}
    .workspace-top {gap:10px}.workspace-top>span {max-width:45%}
    .person,.booking-customer {max-width:100%}.person>span:not(.avatar) {min-width:0;overflow-wrap:anywhere}
  }
  @media(max-width:540px){.service-gallery{grid-template-columns:1fr}.service-media{aspect-ratio:16/10}.service-card-content{padding:22px}.service-card-content h3{font-size:1.55rem}.service-card-content .service-top{font-size:.75rem}.service-card-content p{margin-bottom:21px}.service-card-content .service-bottom{flex-wrap:nowrap;align-items:center}.service-badge{font-size:.75rem;top:12px;left:12px}.service-card-content .round-arrow{width:44px;min-height:44px;height:44px}.service-card-content .service-price strong{font-size:1.65rem}.service-price del{font-size:1rem}}
  @media(max-width:380px){.public-header .brand>span{display:none}.image-service-option .service-media{width:90px}.image-service-option>.service-option-content{padding:15px 11px}.mobile-booking-bar{padding-left:16px;padding-right:16px;gap:10px}.mobile-booking-bar .button{padding:12px;font-size:.8125rem}.mobile-booking-bar strong{font-size:1rem}.mobile-booking-bar small{font-size:.625rem}.slots{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card-content{padding:21px}.qr-panel{padding-left:18px;padding-right:18px}.referral-review-details{grid-template-columns:1fr}}
}
@layer responsive{.referral-feature{border:1px solid #65704a;border-radius:10px;padding:30px;background:#11170f;transform:rotate(1deg)}.referral-feature>img{border-radius:50%;margin:22px 0}.referral-feature h3{font-family:var(--display);font-size:2.5rem;font-weight:400;line-height:1.08}.referral-feature .steps-list{margin-bottom:10px}.referral-feature .steps-list strong{font-size:.875rem}.referral-feature .steps-list span{font-size:.8125rem}.referral-feature .eyebrow{font-size:.6875rem}@media(max-width:740px){.referral-feature{padding:27px;transform:none}.referral-feature h3{font-size:2.4rem}.referral-feature>img{width:75px;height:75px}}}
@layer responsive{.time-off-row{margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}.time-off-row .help{margin-bottom:0}.password-done-title{margin-top:22px}.password-page .help ul{padding-left:20px}.password-page .help li{margin:6px 0}.workspace .password-page{width:100%;padding-top:10px}.public-footer a{min-height:44px;display:inline-flex;align-items:center}}

@layer reset{[hidden]{display:none!important}}
@layer responsive{
  .sidebar{overflow-y:auto}.sidebar nav,.sidebar-bottom{flex-shrink:0}
  .notification-icon{width:21px;height:21px;flex:none}
  .notification-top-link{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:7px;color:#d1d8c5;flex:none}
  .notification-top-link b{position:absolute;right:-7px;top:-5px;font-size:.625rem;line-height:1.4;padding:2px 5px;background:var(--gold);color:#172010;border-radius:8px;min-width:17px;text-align:center}
  .sidebar nav>a .nav-unread-count{font-size:.6875rem;letter-spacing:0;background:var(--gold);color:#172010;border-radius:7px;padding:1px 5px;margin-left:auto}
  .install-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:70px;align-items:center;margin-bottom:65px}
  .install-heading .display-title{font-size:clamp(3.5rem,6vw,5.5rem)}
  .install-heading p{max-width:510px}.install-action{margin:25px 0 3px}
  .install-action .help{font-size:.875rem;margin-top:16px}
  .install-preview{background:radial-gradient(ellipse at 50% 40%,#303722,#10150f 70%);border:1px solid #414b31;min-height:370px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:35px;box-shadow:inset 0 0 70px #0c1007}
  .install-app-icon img{border-radius:30px;border:1px solid #6e5e2f;box-shadow:0 15px 35px #0008}
  .install-app-icon span{display:block;margin-top:13px;font-size:.8125rem;text-align:center;color:#dbe0d1}
  .install-preview-caption{text-align:center;line-height:1.5}.install-preview-caption>span{display:block;font-size:.75rem;color:var(--gold);letter-spacing:.17em}.install-preview-caption strong{font-size:1rem;font-weight:550;letter-spacing:.035em}
  .install-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
  .install-guide.recommended-platform{border-color:#897745;background:#22271c}
  .install-guide .steps-list{margin-bottom:5px}.install-guide .steps-list strong{font-size:1rem}.install-guide .steps-list span{font-size:.9375rem}
  .install-footer-note{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;align-items:start}
  .install-footer-note>span{color:var(--gold);font-size:1.5rem;margin-top:15px}.install-footer-note p{font-size:.875rem;max-width:850px}
  .workspace .install-page{width:100%;padding-top:10px}.workspace .install-heading{gap:35px}
  .notification-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:25px;align-items:start}
  .notification-inbox>.panel-heading{flex-wrap:wrap;gap:10px}.notification-inbox>.panel-heading h2{display:flex;gap:12px;align-items:center}
  .notification-item{border-top:1px solid var(--line);padding:25px 0}.notification-item:last-of-type{padding-bottom:8px}
  .notification-item.unread h3{color:#eddbac}.notification-item-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;flex-wrap:wrap}
  .notification-item-meta time{font-size:.75rem;color:var(--muted)}.notification-item h3{font-size:1.2rem;font-weight:600}.notification-item p{font-size:.9375rem;margin:12px 0 17px}
  .notification-item .button-row{gap:13px 24px}.notification-item .button-row form{margin:0}
  .notification-read{color:#aebca5;background:#242c22}.notification-fresh-hint{border:1px solid #716643;border-radius:7px;background:#292d1e;padding:13px 16px;font-size:.875rem;margin:0 0 15px!important}
  .notification-fresh-hint .underlink{padding:4px 0;border-bottom:0}
  .push-settings>.panel-heading{align-items:start}.push-settings .eyebrow{font-size:.6875rem;margin-bottom:12px}.push-settings h2{font-size:1.4rem}
  .push-settings>p{font-size:.9375rem}.push-state{border:1px solid var(--line);border-radius:7px;padding:16px;margin:22px 0;background:#121811}
  .push-state .status{background:#2e3526;color:#ccd9bf;border-radius:4px;font-size:.75rem}.push-state .help{margin-bottom:0;font-size:.875rem}
  .push-status-dot{width:10px;height:10px;flex:none;border:1px solid #768568;background:#38422f;border-radius:50%;margin-top:5px}
  .push-active .push-status-dot{background:#afd19c;border-color:#afd19c;box-shadow:0 0 0 4px #63814c22}
  .push-active .push-state{border-color:#658151}.push-active .push-state .status{color:#c6e1b5;background:#2c4324}
  .push-device-note{margin-top:22px!important;font-size:.8125rem!important;margin-bottom:0}
  .push-settings #push-refresh{background:transparent;color:var(--muted);border:0;padding:7px 0;font-size:.875rem;font-weight:500}
  .push-settings .button-row{align-items:center;gap:8px 20px}
  .booking-confirmation{background:#222b1c;border-color:#6c814e;margin-bottom:28px;padding:30px}
  .booking-confirmation-heading{display:flex;gap:16px;align-items:center}.booking-confirmation .eyebrow{margin-bottom:10px}.confirmation-check{width:43px;height:43px;background:#b7d397;color:#162212;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;flex:none}
  .booking-confirmation-summary{color:#e0e6d4!important;font-size:1rem;margin:23px 0 18px!important}.booking-confirmation-summary small{margin-top:7px}
  .booking-confirmation>p{font-size:.9375rem}.booking-confirmation .help{font-size:.8125rem;max-width:760px;margin-bottom:0}
  .whatsapp-button{background:#b4d2a7;border:1px solid #b4d2a7;color:#172612}.whatsapp-button:hover{background:#c9e4bc;color:#172612}
  .appointment-contact-actions{margin-top:18px;align-items:center}.appointment-contact-actions .text-button{min-height:44px}
  @media(max-width:1150px){.notification-layout{grid-template-columns:1fr}.notification-layout>aside{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}.install-heading{gap:35px}.workspace .install-heading{grid-template-columns:1fr}.workspace .install-preview{display:none}}
  @media(max-width:740px){
    .sidebar{overflow:visible}.sidebar nav{flex-shrink:1}.workspace-top>div{gap:10px}.workspace-top .notification-top-link{width:42px;height:44px}
    .workspace-top>span{min-width:0;max-width:36%}.workspace-top .time-label{display:none}
    .install-heading{grid-template-columns:1fr;gap:30px;margin-bottom:35px}.install-heading .display-title{font-size:3.6rem}
    .install-preview{min-height:0;flex-direction:row;padding:25px;gap:24px;border-radius:12px;justify-content:start}.install-app-icon img{width:83px;height:83px;border-radius:20px}.install-app-icon span{font-size:.6875rem;margin-top:8px}.install-preview-caption{text-align:left}.install-preview-caption strong{font-size:.9375rem}
    .install-guide-grid{grid-template-columns:1fr;gap:0}.install-guide .steps-list strong{font-size:.9375rem}.install-guide .steps-list span{font-size:.875rem}
    .install-guide{padding:25px 22px}.install-footer-note{gap:13px}.install-footer-note p{font-size:.875rem}.install-action .button{width:100%}
    .notification-layout{gap:0}.notification-layout>aside{display:block}.notification-inbox>.panel-heading .text-button{font-size:.875rem}.notification-item{padding:23px 0}.notification-item h3{font-size:1.15rem}
    .notification-item .button-row{gap:9px 20px}.notification-item .button.small{font-size:.875rem}
    .push-settings .button-row>.button{width:100%}.push-settings h2{font-size:1.3rem}.push-settings .push-state{padding:15px}.push-settings .push-state .help{font-size:.875rem}
    .booking-confirmation{padding:24px 20px}.booking-confirmation-heading{align-items:start;gap:12px}.booking-confirmation-heading h2{font-size:1.35rem}.booking-confirmation .eyebrow{font-size:.6875rem}.confirmation-check{width:36px;height:36px;font-size:1.3rem}.booking-confirmation .whatsapp-button{width:100%;font-size:.875rem}
    .appointment-contact-actions .button{width:100%}.workspace .install-page{padding-top:0}
  }
  @media(max-width:380px){.workspace-top{padding-left:16px;padding-right:16px;gap:8px}.workspace-top>div{gap:7px}.workspace-top>span{font-size:.6875rem}.workspace-top .button{font-size:.8125rem}.install-preview{gap:17px;padding:22px}.install-preview-caption strong{font-size:.8125rem}.install-preview-caption>span{font-size:.6875rem}.notification-item-meta time{font-size:.6875rem}}
}

@layer responsive{
  .visit-section-heading{display:flex;gap:13px;align-items:center;margin:0 0 21px}.visit-section-heading>span{font-size:.8125rem;color:var(--gold);letter-spacing:.04em}
  .visit-layout .visit-section-heading h2{font-size:1.3rem;margin:0}
  .visit-customer-section{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:28px}
  .customer-mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:23px}
  .customer-mode-option{display:flex;gap:12px;align-items:center;margin:0;padding:16px 14px;border:1px solid #434c39;border-radius:8px;background:#141a12;cursor:pointer;min-height:84px}
  .customer-mode-option>input{margin:0;width:20px;height:20px;flex:none}.customer-mode-option>span{min-width:0}
  .customer-mode-option strong{font-size:.9375rem;color:var(--text);line-height:1.4;display:block}.customer-mode-option small{font-size:.8125rem;margin-top:5px;color:#aebaa3;line-height:1.45}
  .customer-mode-option:has(input:checked){background:#303522;border-color:var(--gold)}.customer-mode-option:has(input:checked) strong{color:#f0d994}
  .customer-mode-option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
  .customer-mode-panel>.field{margin-bottom:10px}.customer-mode-panel>.help{margin-bottom:0}
  .new-customer-fields{background:#141a12;padding:22px;border:1px solid var(--line);border-radius:8px}
  .new-customer-fields h3{font-size:1.1rem;letter-spacing:-.02em}.new-customer-fields>.help{margin:10px 0 22px;font-size:.875rem}
  .quick-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
  .quick-customer-grid>.field{margin:0;min-width:0}.quick-customer-full{grid-column:1/-1}
  .quick-customer-field label{font-size:.875rem}.quick-customer-field .required-label,.quick-customer-field .optional-label{font-size:.75rem;margin-left:3px;white-space:nowrap}
  .quick-customer-field .help{font-size:.75rem;margin:8px 0 0}.quick-customer-field .errorlist{margin-bottom:0}
  .visit-fixed-customer{display:flex;gap:13px;align-items:center;background:#242d1d;border:1px solid #4b5c3e;padding:17px;border-radius:7px}.visit-fixed-customer>div{min-width:0;overflow-wrap:anywhere}.visit-fixed-customer strong{font-size:1rem}.visit-fixed-customer small{margin-top:6px}
  .visit-attention-section{padding-bottom:8px;margin-bottom:16px}.visit-attention-section .form-columns{gap:20px}
  .visit-customer-summary{border:1px solid #4a563d;border-radius:7px;background:#141b11;padding:15px 17px;margin:23px 0}
  .visit-customer-summary>span{display:block;font-size:.75rem;color:#b5c3a7;margin-bottom:5px}.visit-customer-summary>strong{display:block;font-size:1rem;color:#e5eacf;overflow-wrap:anywhere;line-height:1.4}
  @media(max-width:1150px){.quick-customer-grid{grid-template-columns:1fr}.customer-mode-choices{grid-template-columns:1fr}.customer-mode-option{min-height:74px}.visit-attention-section .form-columns{grid-template-columns:1fr;gap:0}}
  @media(min-width:741px) and (max-width:1000px){.customer-mode-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-attention-section .form-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
  @media(max-width:740px){.visit-layout .form-panel{padding:24px 18px}.visit-layout .visit-section-heading h2{font-size:1.25rem}.customer-mode-choices{gap:10px}.customer-mode-option{padding:15px;gap:13px;min-height:78px}.customer-mode-option strong{font-size:1rem}.customer-mode-option small{font-size:.875rem}.new-customer-fields{padding:20px 15px}.quick-customer-grid{gap:21px}.quick-customer-field .phone-prefix{padding:12px}.quick-customer-field .phone-input input{padding-left:11px;padding-right:9px}.visit-customer-section{margin-bottom:25px}.visit-attention-section .field{margin-bottom:20px}.visit-customer-summary{padding:15px}.visit-layout #save-visit{min-height:52px}}
}

/* Account-wide notification choices: readable selectors on mobile. */
.notification-preferences{margin:24px 0}.notification-preference-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,230px);gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line,#33382f)}.notification-preference-row label{font-weight:700;font-size:1.05rem}.notification-preference-row .help{margin:8px 0 0}.notification-preference-row select{width:100%;min-height:48px}.notification-preferences>.button-row{margin-top:24px}.web-activity-list .help{overflow-wrap:anywhere}@media(max-width:640px){.notification-preference-row{grid-template-columns:1fr;gap:12px}.notification-preferences .button.primary{width:100%}}
/* Keep authentication choices and personal QR readable on small screens. */
.google-access-form { margin: 0 0 1.25rem; }
.auth-panel > .google-access-form { margin-top: 1rem; }
.qr-frame img { max-width: 100%; height: auto; }
.detail-grid > * { min-width: 0; }
.detail-grid .qr-frame { display: block; width: 100%; max-width: 324px; }

/* Public application information and legal pages. */
.google-signin-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:12px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:4px;font-family:Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px}.google-signin-button img{width:20px;height:20px;flex:none;object-fit:contain}.google-signin-button:hover{background:#f2f2f2;color:#1f1f1f}.google-signin-button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.app-purpose{display:grid;grid-template-columns:1fr 1.35fr;gap:48px;padding-top:42px;padding-bottom:56px;border-top:1px solid var(--line)}
.app-purpose h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2}.app-purpose p{color:var(--muted);line-height:1.75;margin:0 0 18px}.app-purpose .button-row{flex-wrap:wrap;gap:16px 24px}
.legal-page{max-width:820px;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(2.2rem,6vw,3.5rem);line-height:1.12}.legal-page h2{font-size:1.4rem;line-height:1.35;margin:38px 0 14px;scroll-margin-top:24px}.legal-page p,.legal-page li{line-height:1.8}.legal-page ul{padding-left:24px}.legal-page li{margin-bottom:14px}.legal-page a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.legal-page code{font-size:.9em}.legal-date{color:var(--muted);font-size:.875rem}.legal-index{display:flex;flex-wrap:wrap;gap:12px 22px;border-block:1px solid var(--line);padding:22px 0;margin:28px 0}.public-footer>div:last-child{flex-wrap:wrap}
@media(max-width:740px){.app-purpose{grid-template-columns:1fr;gap:16px;padding-top:32px;padding-bottom:36px}.app-purpose .eyebrow{margin-bottom:12px}.legal-page h2{font-size:1.25rem}.legal-index{flex-direction:column;gap:16px}}