@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#151815;--surface:#1d211d;--surface2:#252b25;--text:#f5f2ea;--muted:#a5afa4;--accent:#c6a66b;--border:#363c33;--danger:#efa0a0;--accent-ink:var(--accent);--action-active-bg:#293126;--action-active-border:#6f7956;--action-hover-bg:#30372c;--selected-bg:#333a2a;--notice-bg:#313123;--notice-border:#55533a;--error-text:#ffb4b4;--error-bg:#421e1e;--error-border:#b85b5b;--invalid-border:#ff8585;--past-text:#a9afa8;--hero-rule-text:#c1c6b9;--art-border:#454e3d;--art-ring-bg:#1b201a;--art-ring-border:#30372e;color:var(--text);background:var(--bg);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DM Sans,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}body,#root{overscroll-behavior:none;width:100%;height:100%;min-height:0;overflow:hidden}body{margin:0}html.installed-pwa,html.installed-pwa body,html.installed-pwa .app,html.installed-pwa dialog{touch-action:pan-x pan-y}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:var(--accent-ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}p{line-height:1.65}small{color:var(--muted);font-size:.8rem;line-height:1.6;display:block}.app{overscroll-behavior:none;-webkit-overflow-scrolling:touch;max-width:1280px;height:100%;margin:auto;padding:0 64px;overflow:hidden auto}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:126px;display:flex}.brand{text-align:left;letter-spacing:-1px;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:27px;font-weight:800;display:flex}.brand img{width:48px;height:48px}.brand small{letter-spacing:2px;color:var(--muted);margin-top:5px;font-size:8px;font-weight:500}.gold{color:var(--accent-ink)}.top-actions{align-items:center;gap:20px;display:flex}.account,.bell{background:0 0;border:0;min-height:44px}.account{font-size:13px}.account span{color:var(--accent-ink);margin-left:12px}.bell{font-size:23px;position:relative}.badge{color:#fff;background:#bb4141;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:0;right:-2px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;min-height:450px;padding:50px 0;display:grid}.eyebrow{letter-spacing:2.6px;color:var(--accent-ink);margin-bottom:25px;font-size:10px;font-weight:700;display:block}.eyebrow i{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-3px;margin-bottom:22px;font-size:clamp(40px,5vw,68px);font-weight:500;line-height:1.1}.hero h1 em{color:var(--accent-ink);font-family:Georgia,serif;font-weight:400}.hero p{color:var(--muted);max-width:370px;margin-bottom:35px;font-size:14px}.hero-rule{letter-spacing:2px;color:var(--hero-rule-text);gap:22px;font-size:8px;display:flex}.hero-rule span+span:before{content:"·";color:var(--accent-ink);margin-right:22px}.barber-art{isolation:isolate;height:320px;position:relative;overflow:hidden}.art-circle{border:1px solid var(--art-border);width:280px;height:280px;box-shadow:0 0 0 25px var(--art-ring-bg), 0 0 0 26px var(--art-ring-border);border-radius:50%;position:absolute;top:10px;right:25px}.pole{background:#e9e4d1;border:7px solid #b9ac86;border-radius:32px;width:67px;height:220px;position:absolute;top:45px;right:175px;overflow:hidden;transform:rotate(22deg);box-shadow:8px 10px 25px #0006}.pole:before,.pole:after{content:"";z-index:2;background:linear-gradient(90deg,#685d40,#e1d2a6,#716444);height:18px;position:absolute;left:-10px;right:-10px}.pole:before{top:0}.pole:after{bottom:0}.pole div{background:repeating-linear-gradient(-42deg,#b04c47 0 22px,#e5deca 22px 43px,#455d62 43px 65px,#e5deca 65px 85px);height:100%}.art-word{letter-spacing:-2px;text-shadow:0 2px 15px var(--bg);font-family:Manrope;font-size:43px;font-weight:800;line-height:.95;position:absolute;top:107px;right:4px}.art-word em{color:var(--accent-ink);font-family:Georgia;font-weight:400}.art-caption{letter-spacing:3px;color:var(--muted);font-size:8px;position:absolute;bottom:16px;right:90px}.workspace{padding-bottom:48px}.section-label{border-top:1px solid var(--border);color:var(--muted);letter-spacing:2px;justify-content:space-between;margin-bottom:22px;padding-top:23px;font-size:9px;display:flex}.main-actions{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.main-actions:has(.action:nth-child(4)){grid-template-columns:repeat(3,1fr)}.action{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:3px;flex-direction:column;align-items:flex-start;min-height:164px;padding:24px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.action:first-child,.action.active{background:var(--action-active-bg);border-color:var(--action-active-border)}.action:hover{background:var(--action-hover-bg);border-color:var(--accent-ink);transform:translateY(-3px)}.action-icon{color:var(--accent-ink);margin-bottom:22px;font-size:25px}.action-copy strong{letter-spacing:-.2px;font-size:15px;font-weight:500;display:block}.action-copy small{margin-top:6px;font-size:10px}.action-arrow{color:var(--accent-ink);position:absolute;top:28px;right:24px}.action-number{color:#7b8473;font-size:9px;position:absolute;bottom:16px;right:20px}.compact .action{justify-content:center;min-height:82px;padding:17px 20px}.compact .action-icon,.compact .action-copy small,.compact .action-number{display:none}.compact .action-copy strong{font-size:12px}.compact .action-arrow{top:30px;right:15px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:5px;margin-bottom:20px;padding:32px;animation:.25s reveal}.panel-heading{border-bottom:1px solid var(--border);align-items:center;gap:15px;margin-bottom:26px;padding-bottom:18px;display:flex}.panel h2{margin-bottom:0;font-size:23px;font-weight:500}.back{border:1px solid var(--border);background:0 0;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:22px}.empty{text-align:center;color:var(--muted);padding:28px 10px;font-size:14px;line-height:1.8}form{gap:18px;margin-top:24px;display:grid}label{color:var(--muted);gap:8px;font-size:12px;display:grid}input,select,textarea{background:var(--bg);border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);border-radius:3px;padding:14px}input[type=color]{padding:6px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--accent-ink)}.check{flex-wrap:nowrap;align-items:center;gap:10px;min-height:44px;display:flex}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.primary,.secondary,.danger{border-radius:3px;justify-content:center;align-items:center;min-height:48px;padding:13px 22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:#181b16;border:1px solid var(--accent)}.secondary{color:var(--text);border:1px solid var(--border);background:0 0}.danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.text{min-height:44px;color:var(--accent-ink);text-align:left;background:0 0;border:0;padding:10px 0;font-size:12px}.danger-text{color:var(--danger)}.muted{color:var(--muted);font-size:12px}.notice{background:var(--notice-bg);border:1px solid var(--notice-border);border-radius:3px;margin:18px 0;padding:18px;font-size:12px;line-height:1.7}.notice p:last-child{margin-bottom:0}.step-label{letter-spacing:2px;color:var(--accent-ink);margin:24px 0 14px;font-size:9px;display:block}.service-list{gap:10px;display:grid}.service{border:1px solid var(--border);color:var(--text);text-align:left;background:0 0;border-radius:4px;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:18px;display:flex}.service strong{font-size:14px;font-weight:500}.service small{margin-top:4px;font-size:11px}.selected{border-color:var(--accent)!important;background:var(--selected-bg)!important}.slots{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;display:grid}.slots button{border:1px solid var(--border);background:0 0;border-radius:3px;min-height:46px}.confirmation{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:24px;display:flex}.confirmation p{font-size:13px}.success{text-align:center;padding:20px}.success h3{font-size:25px}.success-mark{border:1px solid var(--accent);color:var(--accent-ink);border-radius:50%;width:65px;height:65px;margin:0 auto 25px;font-size:30px;line-height:65px;display:block}.success .text{margin:12px auto;display:block}.appointment{border:1px solid var(--border);border-radius:4px;margin-bottom:18px;padding:24px}.appointment h3{font-size:24px}.appointment-time{color:var(--accent-ink);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:36px;display:flex}.appointment-time small{font-size:18px}.appointment>.text{display:block}.notification{border-bottom:1px solid var(--border);border-left:2px solid #0000;padding:20px}.notification.unread{border-left-color:var(--accent-ink)}.notification p{margin:8px 0;font-size:13px}.table-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font-size:13px;display:flex}.table-row select{width:150px}.table-row small{overflow-wrap:anywhere;font-size:10px}.agenda-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:20px;width:100%;min-height:85px;padding:18px;display:flex}.agenda-row>strong{color:var(--accent-ink);font-size:20px}.agenda-row>span:nth-child(2){flex:1}.mini-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}h3{margin-top:28px;font-size:18px}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}footer strong{font-size:13px}footer>div>span{color:var(--muted);margin-top:8px;font-size:10px;display:block}.footer-note{letter-spacing:2px;color:var(--muted);font-size:8px}.install-link{color:var(--accent-ink);background:0 0;border:0;min-height:44px;font-size:11px}.offline,.update{background:var(--accent);color:#151815;text-align:center;padding:12px;font-size:12px}.update{z-index:30;border:0;max-width:90vw;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.toast{background:var(--text);width:max-content;max-width:calc(100% - 32px);color:var(--bg);z-index:100;border-radius:4px;align-items:center;gap:20px;padding:18px 24px;font-size:13px;line-height:1.6;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0008}.toast button{color:var(--bg);background:0 0;border:0;font-size:24px}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;width:min(540px,100% - 28px);max-height:90dvh;padding:30px;overflow-y:auto}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000b}dialog header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}dialog h2{margin:0;font-size:23px}.auth-links{margin-top:18px;display:grid}.legal{white-space:pre-wrap;font-size:13px}.panel form+.text{display:block}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1000px){.panel{max-width:800px;margin-left:auto;margin-right:auto}}@media (width<=800px){.app{padding:0 28px}.topbar{min-height:100px}.hero{gap:15px;min-height:380px}.hero h1{font-size:48px}.barber-art{transform-origin:100%;transform:scale(.85)}.main-actions{gap:10px}.action{padding:20px 15px}.action-copy strong{font-size:13px}.action-copy small{font-size:9px}.hero-rule{gap:10px}.hero-rule span+span:before{margin-right:10px}.footer-note{display:none}}@media (width<=600px){.app{padding:0 22px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{min-height:92px}.brand{gap:7px;font-size:24px}.brand img{width:38px;height:38px}.brand small{letter-spacing:1.5px;font-size:6px}.top-actions{gap:8px}.account{font-size:12px}.account span{margin-left:3px}.hero{min-height:325px;padding:42px 0 30px;display:block;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero h1{letter-spacing:-2px;font-size:45px}.hero p{max-width:240px;margin-bottom:25px;font-size:12px}.eyebrow{letter-spacing:1.5px;margin-bottom:22px;font-size:8px}.barber-art{opacity:.35;z-index:0;width:300px;position:absolute;top:14px;right:-185px;transform:scale(.85)}.art-word,.art-caption{display:none}.hero-rule{letter-spacing:1.5px;gap:12px;font-size:7px}.hero-rule span+span:before{margin-right:12px}.section-label{margin-bottom:16px;padding-top:21px;font-size:8px}:is(.main-actions,.main-actions:has(.action:nth-child(4))){grid-template-columns:1fr;gap:12px}.action{flex-direction:row;align-items:center;gap:20px;min-height:98px;padding:20px}.action-icon{text-align:center;width:30px;margin:0;font-size:26px}.action-copy strong{font-size:16px}.action-copy small{margin-top:6px;font-size:11px}.action-arrow{top:39px;right:20px}.action-number{display:none}.compact .action{min-height:64px}.compact .action-copy strong{font-size:13px}.compact .action-arrow{top:23px}.panel{padding:20px 17px}.panel h2{font-size:20px}.panel-heading{gap:12px;margin-bottom:20px}.two{gap:12px}.confirmation{display:block}.confirmation .primary{width:100%}.table-row{flex-wrap:wrap;align-items:flex-start}.appointment{padding:18px}.workspace{padding-bottom:32px}footer{gap:10px;padding:22px 0}.mini-grid{grid-template-columns:1fr}dialog{padding:23px}.toast{padding:15px 18px;bottom:16px}input,select,textarea{font-size:16px}.barber-art .art-circle{right:35px}.notice{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}dialog.feature-dialog{background:var(--bg);overscroll-behavior:none;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-x:hidden}dialog.feature-dialog>header{z-index:5;padding:calc(16px + env(safe-area-inset-top)) max(20px, calc((100% - 960px) / 2)) 16px;background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-start;margin:0;position:sticky;top:0}.feature-content{width:100%;max-width:1000px;padding:28px max(20px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));margin:0 auto}.feature-content>.panel{background:0 0;border:0;max-width:none;margin:0;padding:0;animation:none}@media (width<=600px){.feature-content{padding-top:20px}}.form-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-border);border-radius:4px;margin:8px 0;padding:12px 14px;font-size:14px;line-height:1.5}input[aria-invalid=true]{border-color:var(--invalid-border)}.maintenance-rule{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.maintenance-rule>.check{flex:250px}.maintenance-days{align-items:center;gap:10px;display:flex}.maintenance-days input{width:100px}.shop-address address{white-space:pre-wrap;margin-bottom:16px;font-style:normal;line-height:1.7}.shop-hours,.shop-address-editor{border-top:1px solid var(--border);margin-top:24px;padding-top:8px}.shop-hours-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:12px 0;font-size:14px;display:flex}.shop-hours-row dd{text-align:right;color:var(--muted);margin:0}.registration-tabs{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;display:flex}.registration-actions{flex-direction:column;gap:10px;display:flex}.service-summary{overflow-wrap:anywhere;min-width:0}.service-price-info{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.service-info{width:44px;min-height:44px;color:var(--accent-ink);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:28px;display:inline-flex}.service-description{white-space:pre-wrap;overflow-wrap:anywhere}dialog.booking-dialog[open]{flex-direction:column;display:flex;overflow:hidden}dialog.booking-dialog>header{flex:none;position:static}dialog.booking-dialog>.feature-content{flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.booking-schedule{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.booking-controls{min-width:0;padding:14px max(20px, env(safe-area-inset-right)) 14px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.booking-service-summary{grid-column:1/-1;margin:0;font-size:13px;line-height:1.4}.booking-times{overscroll-behavior:none;-webkit-overflow-scrolling:touch;min-height:0;padding:0 max(20px, env(safe-area-inset-right)) 16px max(20px, env(safe-area-inset-left));overflow:hidden auto}.booking-times .step-label{margin-top:16px}.booking-footer{padding:12px max(20px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--bg);border-top:1px solid var(--border)}@media (height<=500px){dialog.booking-dialog>header{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px}.booking-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding-top:8px;padding-bottom:8px}.booking-service-summary br{display:none}.booking-service-summary strong{margin-right:8px}.booking-footer p{margin-bottom:6px}}.booking-footer p{margin-bottom:12px;font-size:13px}.booking-footer .primary{width:100%}.shop-hours-interval{line-height:1.6;display:block}html:has(dialog[open]) .app{overflow:hidden}dialog{overscroll-behavior:none;overflow-x:hidden}input,select,textarea,.feature-content,.action-copy,.agenda-row>span:nth-child(2){min-width:0}input,select,textarea{max-width:100%}.service>span:first-child,.feature-content{overflow-wrap:anywhere}@media (pointer:coarse){input,select,textarea{font-size:16px}}@media (hover:none){.action:hover{transform:none}}@media (width<=380px){.topbar{flex-wrap:wrap;gap:8px;padding:16px 0}}.booking-controls>label,.booking-date-field,.booking-date-control{min-width:0;max-width:100%}.booking-date-control{border:1px solid var(--border);background:var(--bg);border-radius:3px;width:100%;display:block;overflow:hidden}.booking-date-control:focus-within{outline:3px solid var(--accent);outline-offset:2px}.booking-date-control input[type=date]{box-sizing:border-box;appearance:none;border:0;outline:0;width:100%;min-width:0;max-width:100%;margin:0;font-size:16px;display:block}.booking-date-control input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0}.booking-date-control input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}.content-stack{align-content:start;gap:18px;min-width:0;display:grid}.content-stack>*,form>*{min-width:0}.content-stack>*,form>p,form>h3,form>.notice{margin-block:0}details.notice>.content-stack{margin-top:16px}details.notice>summary{cursor:pointer}div.notice{gap:16px;display:grid}div.notice>*{margin-block:0}.check>input[type=checkbox]{flex:0 0 18px;height:18px;margin:0}label,dialog h2,.panel-heading h2{overflow-wrap:anywhere;min-width:0}.primary,.secondary,.danger{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.4}.table-row{flex-wrap:wrap}.table-row>span:first-child{overflow-wrap:anywhere;flex:160px;min-width:0}.table-row>div:last-child,.table-row select{max-width:100%}.agenda-row>strong,.agenda-row>span:last-child{flex-shrink:0}.agenda-row>span:nth-child(2){overflow-wrap:anywhere}@media (width<=380px){.service{flex-wrap:wrap;row-gap:12px}.service>span:first-child{flex:140px}.service-price-info{margin-left:auto}}.auth-links,.registration-actions{gap:12px}.account-deletion{scroll-margin-top:calc(100px + env(safe-area-inset-top))}.agenda-row.is-past{color:var(--past-text);position:relative}.agenda-row.is-past>strong,.agenda-row.is-past small{color:var(--past-text)}.agenda-row.is-past:after{content:"";background:var(--past-text);pointer-events:none;height:1px;position:absolute;top:50%;left:18px;right:18px}.feature-dialog>header.has-actions{gap:10px}.feature-dialog>header.has-actions h2{flex:1;min-width:0}.screen-header-actions{flex:none;margin-left:auto}.notification-delete-all{align-items:center;gap:6px;min-height:44px;padding:10px 8px;font-size:12px;display:inline-flex}.notification{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:16px;display:grid}.notification-copy{overflow-wrap:anywhere;min-width:0}.notification-delete{border:1px solid var(--border);width:44px;min-height:44px;color:var(--accent-ink);background:0 0;border-radius:4px;place-items:center;padding:0;display:grid}@media (width<=380px){.feature-dialog>header.has-actions h2{font-size:20px}.notification-delete-all{padding:8px 6px;font-size:11px}}.recurring-date{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:6px;min-width:0;padding:1rem}.agenda-day-navigation{grid-template-columns:48px minmax(0,1fr) 48px;align-items:end;gap:10px;min-width:0;display:grid}.agenda-day-navigation>label{min-width:0;margin:0}.agenda-day-navigation>button{width:48px;height:48px;min-height:48px;color:var(--accent-ink);margin:0;padding:0;font-size:24px}.shop-topbar{gap:16px}.shop-topbar h1{overflow-wrap:anywhere;margin:0;font-size:clamp(20px,4vw,28px);line-height:1.25}.shop-workspace{max-width:960px;margin:0 auto;padding:28px 0}.shop-barber-tabs{flex-wrap:wrap;gap:12px;min-width:0;display:flex}.shop-barber-tabs>button{white-space:normal;overflow-wrap:anywhere;flex:140px;min-width:0;min-height:48px}.clients-directory{grid-template-columns:minmax(0,1fr) 32px;align-items:start;gap:12px;min-width:0;display:grid}.clients-records{min-width:0}.client-letter-group{min-width:0;scroll-margin-top:90px}.client-letter-group>h3{color:var(--accent-ink);border-bottom:1px solid var(--border);margin:0;padding:10px 0}.clients-alphabet{overscroll-behavior:contain;flex-direction:column;max-height:calc(100dvh - 160px);display:flex;position:sticky;top:0;overflow-y:auto}.clients-alphabet>button{width:32px;min-height:26px;color:var(--accent-ink);background:0 0;border:0;border-radius:3px;flex:0 0 26px;padding:0;font-size:12px;line-height:1}.clients-alphabet>button.selected{background:var(--accent);color:var(--bg)}.clients-alphabet>button:disabled{opacity:.3;cursor:default}.app-control{width:100%;min-width:0;max-width:100%;display:block;position:relative}.app-validation-field{opacity:0;pointer-events:none;border:0!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important;position:absolute!important}.app-select-trigger,.app-picker-trigger{border:1px solid var(--border);background:var(--bg);width:100%;min-width:0;min-height:48px;color:var(--text);text-align:left;border-radius:3px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:16px;display:flex}.app-select-trigger>span:first-child,.app-picker-trigger>span:first-child{overflow-wrap:anywhere;min-width:0}.app-options-dialog,.app-message-dialog,.app-picker-dialog{width:min(540px,100% - 28px);max-width:calc(100% - 28px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 28px)}.app-options{overscroll-behavior:contain;gap:8px;max-height:55dvh;padding:5px;display:grid;overflow-y:auto}.app-option{text-align:left;background:var(--bg);border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);overflow-wrap:anywhere;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.app-option.selected,.app-calendar-grid button.selected{background:var(--accent);border-color:var(--accent-ink);color:var(--bg)}.app-calendar-heading{grid-template-columns:40px minmax(0,1fr) 76px 40px;align-items:end;gap:8px;display:grid}.app-calendar-heading>button{min-width:0;min-height:48px;padding:8px}.app-calendar-year{margin:0;font-size:12px}.app-calendar-year input{text-align:center;width:100%;min-width:0;padding:10px 6px;font-size:16px}.app-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.app-calendar-weekday{text-align:center;color:var(--muted);padding:8px 0}.app-calendar-grid button{border:1px solid var(--border);min-width:0;min-height:40px;color:var(--text);background:var(--bg);border-radius:4px;padding:8px 0}.app-calendar-grid button:disabled{opacity:.25;cursor:default}.app-color-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.app-color-options button{color:#111;border:2px solid #0000;border-radius:4px;min-height:48px}.app-color-options button[aria-pressed=true]{border-color:var(--text)}.app-color-preview{border:1px solid var(--border);border-radius:4px;width:24px;height:24px;display:block}@media (width<=380px){.app-calendar-heading{grid-template-columns:32px minmax(0,1fr) 66px 32px;gap:4px}.app-calendar-heading .app-select-trigger{gap:4px;padding:10px 6px;font-size:14px}.app-calendar-grid{gap:3px}}.push-settings{border-top:1px solid var(--border);padding-top:18px}.push-settings>summary{cursor:pointer;color:var(--accent-ink);min-height:44px}.push-settings>.content-stack{padding-top:14px}.profile-menu{gap:12px;display:grid}.profile-menu>button{text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:60px;display:flex}.profile-terms-version{border-top:1px solid var(--border);padding-top:20px}.registration-phone{grid-template-columns:105px minmax(0,1fr);align-items:start;gap:12px;display:grid}.registration-phone>label{min-width:0}@media (width<=380px){.registration-phone{grid-template-columns:90px minmax(0,1fr);gap:8px}}.reminder-settings{border-top:1px solid var(--border);padding-top:20px}.reminder-standard{gap:12px;display:grid}.reminder-custom-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding-bottom:8px;display:flex}:root[data-theme=light]{--bg:#f7f6f2;--surface:#fff;--surface2:#edf0e8;--text:#20271f;--muted:#596554;--border:#c6cec1;--danger:#b32626;--accent-ink:#80612e;--action-active-bg:#eff0e6;--action-active-border:#9b8b63;--action-hover-bg:#e8ebdf;--selected-bg:#eee5d0;--notice-bg:#f5eedc;--notice-border:#c7b789;--error-text:#922b25;--error-bg:#fff0ef;--error-border:#ca8780;--invalid-border:#b32626;--past-text:#677160;--hero-rule-text:#5d6857;--art-border:#bcc5b3;--art-ring-bg:#edf0e8;--art-ring-border:#c6cec1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .app-option.selected,:root[data-theme=light] .app-calendar-grid button.selected,:root[data-theme=light] .clients-alphabet>button.selected{color:var(--text)}.theme-options{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.theme-options>legend{color:var(--text);margin-bottom:16px;padding:0;font-weight:700}.theme-choice{border:1px solid var(--border);background:var(--surface);min-height:92px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:18px;display:flex}.theme-choice.is-selected{border-color:var(--accent-ink);background:var(--surface2)}.theme-choice>input{width:20px;height:20px;min-height:20px;accent-color:var(--accent-ink);flex:0 0 20px;margin:0;padding:0}.theme-choice>span:first-of-type{flex:1;min-width:0}.theme-choice strong{font-size:16px}.theme-preview{border:1px solid #9b9f91;border-radius:6px;flex:0 0 64px;gap:5px;width:64px;padding:9px;display:grid}.theme-preview-light{background:#f7f6f2}.theme-preview-dark{background:#151815}.theme-preview>span{border-radius:2px;height:6px;display:block}.theme-preview-light>span{background:#596554}.theme-preview-dark>span{background:#a5afa4}.theme-preview>span:last-child{background:#c6a66b;height:12px}@media (width<=380px){.theme-choice{gap:10px;padding:14px 12px}.theme-preview{flex-basis:48px;width:48px;padding:7px}}html.installed-pwa[data-theme=light] body,html.installed-pwa[data-theme=light] dialog.feature-dialog>header{background:linear-gradient(to bottom, #151815 0, #151815 env(safe-area-inset-top), var(--surface) env(safe-area-inset-top), var(--surface) 100%)}html.installed-pwa[data-theme=light] body{background:linear-gradient(to bottom, #151815 0, #151815 env(safe-area-inset-top), var(--bg) env(safe-area-inset-top), var(--bg) 100%)}.terms-lock .topbar{gap:16px}.terms-lock .topbar h1{margin:0;font-size:clamp(22px,4vw,30px)}.terms-lock-content{max-width:960px;margin:0 auto;padding:32px 0}.terms-consent-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=380px){.terms-consent-actions{grid-template-columns:1fr}}.theme-preview-auto{background:linear-gradient(90deg,#f7f6f2 50%,#151815 50%)}.theme-preview-auto>span{background:linear-gradient(90deg,#596554 50%,#a5afa4 50%)}.appointment-log-entry{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:8px;padding:18px}.log-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.log-heading>strong{min-width:0}.log-heading>time{color:var(--muted);flex-shrink:0}.log-snapshot{border-left:3px solid var(--accent);gap:8px;padding-left:12px;display:grid}.log-notes{white-space:pre-wrap}.log-access-choice{align-items:flex-start}.log-access-choice small{color:var(--muted);margin-top:6px;display:block}.shop-log-button{width:100%;margin-top:24px}.guest-access{border:1px solid var(--accent);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px;display:flex}.guest-access>div{min-width:0}.guest-access h2{overflow-wrap:anywhere;margin:0 0 8px;font-size:21px}.guest-access p{color:var(--muted);margin:0;line-height:1.5}.guest-access>button{flex-shrink:0;margin:0}.account.guest-account{border:1px solid var(--accent);background:var(--accent);color:#151815;border-radius:4px;padding:10px 14px;font-weight:700}.account.guest-account span{color:inherit}@media (width<=600px){.guest-access{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.guest-access h2{font-size:20px}.guest-access>button{width:100%}}.brand{min-width:0}.brand>span{overflow-wrap:anywhere;min-width:0;max-width:min(54vw,420px)}.top-actions{flex-shrink:0}.art-caption{overflow-wrap:anywhere;text-transform:none;max-width:100%}dialog.feature-dialog.messaging-dialog[open]{flex-direction:column;display:flex;overflow:hidden}dialog.feature-dialog.messaging-dialog>header{flex:none}.messaging-dialog>.feature-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.messaging{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.message-toolbar{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.message-toolbar>strong{overflow-wrap:anywhere;min-width:0}.message-inbox-scroll,.message-history{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:auto}.message-inbox-item{text-align:left;white-space:normal;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.message-inbox-item>span{min-width:0}.message-inbox-item small{overflow-wrap:anywhere;color:var(--muted);margin-top:6px;display:block}.message-unread{background:var(--accent);color:var(--bg);border-radius:20px;flex:none;padding:4px 8px}.message-history{flex-direction:column;gap:12px;padding:6px;display:flex}.message-bubble{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-shrink:0;align-self:flex-start;max-width:min(85%,620px);padding:12px 14px}.message-bubble.is-own{border-color:var(--accent);align-self:flex-end}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 8px;line-height:1.5}.message-bubble small{color:var(--muted);font-size:12px;display:block}.message-composer{padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:none;gap:10px;margin:0;display:flex}.message-composer textarea{resize:vertical;width:100%;min-width:0;min-height:72px;max-height:160px;font:inherit;font-size:16px;display:block}.message-composer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.message-composer-actions small{color:var(--muted)}.message-composer-actions button{margin:0}.message-reply-help{flex:none;margin:0;font-size:13px}.message-contact{margin-top:10px;display:block}@media (width<=480px){.message-composer-actions button{width:100%}.message-bubble{max-width:92%}}.message-contact.primary{width:100%;margin-top:0}.message-chat-row{align-items:stretch;gap:8px;min-width:0;display:flex}.message-chat-row>.message-inbox-item{flex:1;width:auto}.message-chat-row>.message-trash{flex:0 0 44px;justify-content:center;align-items:center;padding:8px;display:flex}.message-retention-help{margin:0;font-size:12px}.brand img{object-fit:contain}.action-brand-logo{object-fit:contain;vertical-align:middle;width:28px;height:28px}.hero-brand-logo{object-fit:contain;width:76%;height:72%;position:absolute;inset:12% 12% 16%}.barber-art.has-brand-logo .art-circle,.barber-art.has-brand-logo .pole,.barber-art.has-brand-logo .art-word{display:none}.brand-logo-previews{flex-wrap:wrap;gap:16px;display:flex}.brand-logo-previews img{object-fit:contain;border:1px solid var(--border);background:#151815;border-radius:16px;width:128px;height:128px;padding:12px}.brand-logo-previews img.on-light{background:#f7f6f2}.booking-barber-choice{grid-column:1/-1;gap:6px;min-width:0;max-width:100%;display:grid}.booking-barber-label{color:var(--muted);font-size:13px}.booking-barber-tiles{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;flex-wrap:nowrap;gap:10px;min-width:0;max-width:100%;padding:4px 0 8px;scroll-padding-inline:4px;display:flex;overflow:auto hidden}.booking-barber-tiles>button{white-space:normal;overflow-wrap:anywhere;scroll-snap-align:start;touch-action:pan-x pan-y;flex:0 0 max(96px,33.3333% - 6.66667px);min-width:0;min-height:68px;padding:12px 8px}.booking-barber-tiles>button:focus-visible{outline-offset:-4px}