*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--mbs-bg)}body{margin:0;color:var(--mbs-text);font-family:var(--mbs-font-ui);font-size:var(--mbs-text-md);line-height:var(--mbs-leading-body)}body::selection{background:var(--mbs-gold-500);color:var(--mbs-black)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--mbs-text-strong);font-family:var(--mbs-font-display);font-weight:600;letter-spacing:var(--mbs-tracking-display);line-height:var(--mbs-leading-heading)}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:var(--mbs-text-xl)}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--mbs-focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-error{color:var(--mbs-danger);background:var(--mbs-danger-bg);border:var(--mbs-border-width) solid var(--mbs-danger);border-radius:var(--mbs-radius-sm)}.form-error,.form-success{margin:var(--mbs-space-4) 0;padding:var(--mbs-space-3) var(--mbs-space-4)}.form-success{display:flex;align-items:flex-start;gap:var(--mbs-space-2);color:var(--mbs-success);background:var(--mbs-success-bg);border:var(--mbs-border-width) solid var(--mbs-success);border-radius:var(--mbs-radius-sm)}.form-success svg{width:var(--mbs-space-5);flex:0 0 auto}.content{width:min(100% - 2 * var(--mbs-gutter-desktop),var(--mbs-content-max));margin-inline:auto}.eyebrow{margin-bottom:var(--mbs-space-3);color:var(--mbs-gold-400);font-size:var(--mbs-text-xs);font-weight:600;letter-spacing:var(--mbs-tracking-label);text-transform:uppercase}.button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--mbs-space-2);padding:.7rem 1.25rem;border:1px solid transparent;border-radius:var(--mbs-radius-sm);font-weight:600;line-height:1.2;cursor:pointer;transition:border-color var(--mbs-duration-default) var(--mbs-ease),background var(--mbs-duration-default) var(--mbs-ease),transform var(--mbs-duration-fast) var(--mbs-ease)}.button svg{width:18px;height:18px}.button:active{transform:translateY(1px)}.button:disabled{color:var(--mbs-text-subtle);background:var(--mbs-surface-hover);cursor:not-allowed}.button--primary{color:var(--mbs-black);background:var(--mbs-gold-gradient);box-shadow:var(--mbs-shadow-gold)}.button--primary:hover:not(:disabled){background:var(--mbs-gold-gradient-hover)}.button--secondary{color:var(--mbs-gold-300);background:transparent;border-color:var(--mbs-gold-600)}.button--secondary:hover{background:rgb(199 163 75/.08)}.button--tertiary,.text-button,.text-link{color:var(--mbs-gold-300);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.text-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-weight:600}.text-link svg{width:17px}.button--danger{color:#fff;background:var(--mbs-danger-bg);border-color:var(--mbs-danger)}.text-button.danger{color:var(--mbs-danger)}.button-row{display:flex;flex-wrap:wrap;gap:var(--mbs-space-3)}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;color:var(--mbs-text);background:transparent;border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm);cursor:pointer}.icon-button svg{width:20px}.account-menu{position:relative}.account-avatar{width:var(--mbs-control-height);height:var(--mbs-control-height);display:grid;place-items:center;padding:0;color:var(--mbs-gold-300);background:var(--mbs-surface-raised);border:var(--mbs-border-width) solid var(--mbs-gold-600);border-radius:var(--mbs-radius-pill);cursor:pointer}.account-avatar svg{width:var(--mbs-space-5)}.account-menu-popover{min-width:calc(5 * var(--mbs-control-height));position:absolute;z-index:80;top:calc(100% + var(--mbs-space-2));right:0;display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);padding:var(--mbs-space-4);background:var(--mbs-surface-raised);border:var(--mbs-border-width) solid var(--mbs-border-strong);border-radius:var(--mbs-radius-md);box-shadow:var(--mbs-shadow-raised)}.account-menu-popover strong{padding:var(--mbs-space-2)}.account-menu-popover a,.account-menu-popover button,.mobile-account-menu a,.mobile-account-menu button{min-height:var(--mbs-control-height);display:flex;align-items:center;gap:var(--mbs-space-2);padding-inline:var(--mbs-space-3);color:var(--mbs-text);text-align:left;background:transparent;border:0;border-radius:var(--mbs-radius-sm);cursor:pointer}.account-menu-popover a:hover,.account-menu-popover button:hover{background:var(--mbs-surface-hover)}.account-menu-popover svg,.mobile-account-menu svg{width:var(--mbs-space-5)}.mobile-account-menu{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3);padding:var(--mbs-space-4);background:var(--mbs-surface);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.mobile-account-menu a,.mobile-account-menu button{grid-column:1/-1}.admin-account-menu{position:absolute;top:var(--mbs-space-5);right:var(--mbs-gutter-desktop);z-index:30}.admin-mobile-menu{display:none}.brand{width:176px;flex:0 0 auto}.brand img{width:100%;height:58px;object-fit:contain}.brand--compact{width:150px}.brand--compact img{height:52px}.public-header{height:var(--mbs-header-height-desktop);position:relative;z-index:40;background:rgb(8 8 9/.94);border-bottom:1px solid var(--mbs-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{width:min(100% - 2 * var(--mbs-gutter-desktop),var(--mbs-content-max));height:100%;margin:auto;justify-content:space-between}.desktop-nav,.header-inner{display:flex;align-items:center}.desktop-nav{gap:var(--mbs-space-8);font-size:var(--mbs-text-sm)}.desktop-nav>a:not(.button):hover{color:var(--mbs-gold-300)}.mobile-drawer,.mobile-menu-button{display:none}.section{padding-block:var(--mbs-space-24)}.section--raised{background:var(--mbs-black-soft);border-block:1px solid var(--mbs-border)}.section-heading{max-width:670px;margin-bottom:var(--mbs-space-12)}.section-heading h2{margin-bottom:var(--mbs-space-4)}.section-heading>p:last-child:not(.eyebrow){color:var(--mbs-text-muted);font-size:var(--mbs-text-lg)}.hero{min-height:calc(100vh - var(--mbs-header-height-desktop));overflow:hidden;background:radial-gradient(circle at 76% 38%,#24221c 0,#111214 25%,#080809 60%)}.hero,.hero-inner{display:grid;align-items:center}.hero-inner{width:min(100% - 2 * var(--mbs-gutter-desktop),var(--mbs-content-max));min-height:680px;margin:auto;grid-template-columns:1.05fr .95fr;grid-gap:var(--mbs-space-12);gap:var(--mbs-space-12)}.hero-copy{position:relative;z-index:2;max-width:700px;padding-block:var(--mbs-space-16)}.hero h1{margin-bottom:var(--mbs-space-6);font-size:clamp(3.5rem,6vw,5.4rem);line-height:.96}.hero h1 em{color:var(--mbs-gold-300);font-weight:500}.hero-lead{max-width:570px;color:var(--mbs-text-muted);font-size:var(--mbs-text-lg)}.hero-actions{display:flex;align-items:center;gap:var(--mbs-space-6);margin-block:var(--mbs-space-8) var(--mbs-space-12)}.hero-meta{display:flex;gap:var(--mbs-space-8);color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.hero-meta span{display:flex;align-items:center;gap:var(--mbs-space-2)}.hero-meta svg{width:17px;color:var(--mbs-gold-500)}.hero-art{align-self:stretch;position:relative;display:grid;align-items:end;overflow:hidden}.hero-art>p{position:absolute;right:0;bottom:4rem;writing-mode:vertical-rl;color:var(--mbs-gold-500);font-size:var(--mbs-text-xs);letter-spacing:.22em;text-transform:uppercase}.hero-image{width:100%;height:92%;min-height:620px;align-self:end;object-fit:cover;object-position:52% center;-webkit-mask-image:radial-gradient(ellipse 88% 82% at 52% 44%,black 56%,transparent 100%);mask-image:radial-gradient(ellipse 88% 82% at 52% 44%,black 56%,transparent 100%)}.portrait{position:relative;overflow:hidden;background:linear-gradient(145deg,#2b2b2b,#0a0a0a);border:1px solid var(--mbs-border)}.portrait:before{content:"";position:absolute;width:58%;aspect-ratio:.8;left:21%;top:10%;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 50% 32%,#777 0 8%,#4f4f4f 9% 32%,#262626 33% 62%,transparent 63%);filter:grayscale(1)}.portrait:after{content:"";position:absolute;width:76%;height:48%;left:12%;bottom:-18%;border-radius:48% 48% 0 0;background:linear-gradient(100deg,#181818,#555 50%,#121212)}.portrait>span{position:absolute;z-index:3;right:var(--mbs-space-5);top:var(--mbs-space-5);font-family:var(--mbs-font-display);font-size:2rem;color:rgb(228 202 123/.55)}.portrait>img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.portrait:has(>img):after,.portrait:has(>img):before{display:none}.portrait-lines{position:absolute;inset:7% 4% 0;border:1px solid rgb(199 163 75/.25);border-radius:50% 50% 0 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5)}.service-card{min-height:340px;position:relative;display:flex;flex-direction:column;padding:var(--mbs-space-8);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.service-card:hover{border-color:var(--mbs-border-strong)}.service-card>svg{width:27px;margin-bottom:var(--mbs-space-8);color:var(--mbs-gold-500)}.service-number{position:absolute;right:var(--mbs-space-6);top:var(--mbs-space-6);color:var(--mbs-text-subtle);font-family:var(--mbs-font-mono);font-size:var(--mbs-text-xs)}.service-card h3{font-size:var(--mbs-text-2xl)}.service-card>p{color:var(--mbs-text-muted)}.service-card footer{margin-top:auto;padding-top:var(--mbs-space-6);display:flex;justify-content:space-between;border-top:1px solid var(--mbs-border)}.service-card footer strong{color:var(--mbs-gold-300);font-size:var(--mbs-text-lg)}.service-card footer span{color:var(--mbs-text-muted)}.service-card>a{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:var(--mbs-gold-300);font-size:var(--mbs-text-sm)}.service-card>a svg{width:16px}.section-action{margin-top:var(--mbs-space-8);text-align:center}.barber-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--mbs-space-6);gap:var(--mbs-space-6)}.barber-card{overflow:hidden;background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.barber-card>.portrait{height:330px;border:0;border-radius:0}.portrait--2{background:linear-gradient(145deg,#252729,#0b0c0d)}.portrait--2:before{transform:scale(.9);filter:grayscale(1) brightness(.82)}.portrait--3{background:linear-gradient(145deg,#33302b,#0d0c0b)}.portrait--3:before{transform:translateY(2%) scale(1.04)}.barber-card>div:last-child{padding:var(--mbs-space-6)}.barber-card h3{margin-bottom:var(--mbs-space-2);font-size:var(--mbs-text-2xl)}.barber-card div>p:not(.eyebrow){color:var(--mbs-text-muted)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--mbs-space-2)}.tag-row span{padding:.25rem .6rem;color:var(--mbs-text-muted);background:var(--mbs-surface-raised);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-pill);font-size:var(--mbs-text-xs)}.visit-grid{display:grid;grid-template-columns:1fr .8fr;grid-gap:var(--mbs-space-16);gap:var(--mbs-space-16);align-items:center}address{margin-block:var(--mbs-space-8);font-style:normal}address>div{display:flex;gap:var(--mbs-space-4);margin-block:var(--mbs-space-4);color:var(--mbs-text-muted)}address svg{width:20px;color:var(--mbs-gold-500)}address a,address strong{color:var(--mbs-text-strong)}.hours-card{padding:var(--mbs-space-8);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.hours-card>div{display:flex;justify-content:space-between;padding-block:var(--mbs-space-4);border-bottom:1px solid var(--mbs-border)}.hours-card small{display:block;margin-top:var(--mbs-space-5);color:var(--mbs-text-subtle)}.reviews{border-block:1px solid var(--mbs-border)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr)}.review-grid blockquote{margin:0;padding:var(--mbs-space-10);border-right:1px solid var(--mbs-border)}.review-grid blockquote:last-child{border:0}.review-grid p{font-family:var(--mbs-font-display);font-size:var(--mbs-text-xl)}.stars{color:var(--mbs-gold-500);letter-spacing:.15em}.review-grid cite{color:var(--mbs-text-muted);font-size:var(--mbs-text-sm);font-style:normal}.site-footer{padding-block:var(--mbs-space-10);background:var(--mbs-black-soft)}.site-footer .content{display:flex;align-items:center;gap:var(--mbs-space-8);color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.site-footer img{width:120px;height:56px;object-fit:contain}.site-footer p{margin:0;flex:1 1}.site-footer a{color:var(--mbs-gold-300)}.protected-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:var(--mbs-space-2) var(--mbs-gutter-desktop);background:var(--mbs-black-soft);border-bottom:1px solid var(--mbs-border)}.protected-actions{display:flex;align-items:center;gap:var(--mbs-space-4)}.role-pill{display:inline-flex;align-items:center;gap:var(--mbs-space-2);padding:.4rem .7rem;color:var(--mbs-gold-300);border:1px solid var(--mbs-gold-700);border-radius:var(--mbs-radius-pill);font-size:var(--mbs-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.role-pill svg{width:15px}.role-switcher{display:flex;align-items:center;gap:var(--mbs-space-2)}.role-switcher>span{color:var(--mbs-text-subtle);font-size:var(--mbs-text-xs)}.role-switcher a{display:flex;align-items:center;gap:.3rem;padding:.35rem .55rem;color:var(--mbs-text-muted);border-radius:var(--mbs-radius-sm);font-size:var(--mbs-text-xs)}.role-switcher a.active{color:var(--mbs-black);background:var(--mbs-gold-500)}.role-switcher svg{width:14px}.dashboard-page,.staff-page{width:min(100% - 2 * var(--mbs-gutter-desktop),1360px);margin:auto;padding-block:var(--mbs-space-12) var(--mbs-space-24)}.dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--mbs-space-8);margin-bottom:var(--mbs-space-10)}.dashboard-heading h1{margin-bottom:var(--mbs-space-2);font-size:clamp(2.3rem,4vw,3.4rem)}.dashboard-heading p:last-child{margin-bottom:0;color:var(--mbs-text-muted)}.status{display:inline-flex;width:max-content;align-items:center;padding:.25rem .6rem;border-radius:var(--mbs-radius-pill);font-size:var(--mbs-text-xs);font-weight:600;text-transform:capitalize}.status--confirmed{color:var(--mbs-success);background:var(--mbs-success-bg)}.status--completed{color:var(--mbs-text-muted);background:var(--mbs-surface-hover)}.status--cancelled,.status--no-show{color:var(--mbs-danger);background:var(--mbs-danger-bg)}.toast{position:fixed;right:var(--mbs-space-6);bottom:var(--mbs-space-6);z-index:100;padding:var(--mbs-space-4) var(--mbs-space-5);color:var(--mbs-text-strong);background:var(--mbs-surface-raised);border:1px solid var(--mbs-gold-600);border-radius:var(--mbs-radius-sm);box-shadow:var(--mbs-shadow-raised)}.empty-state{padding:var(--mbs-space-12);text-align:center;background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.empty-state>svg{width:40px;color:var(--mbs-gold-500)}.empty-state.compact{padding:var(--mbs-space-8)}.auth-page{width:min(100% - 2 * var(--mbs-gutter-desktop),var(--mbs-reading-max));min-height:calc(100vh - var(--mbs-header-height-desktop));display:grid;place-items:center;margin:auto;padding-block:var(--mbs-space-12)}.auth-card{width:100%;padding:var(--mbs-space-8);background:var(--mbs-surface);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-lg);box-shadow:var(--mbs-shadow-card)}.auth-card>header{margin-bottom:var(--mbs-space-8);text-align:center}.auth-card>header h1{margin-bottom:var(--mbs-space-3);font-size:var(--mbs-text-4xl)}.auth-card>header>p:last-child{color:var(--mbs-text-muted)}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:var(--mbs-space-6);border-bottom:var(--mbs-border-width) solid var(--mbs-border)}.auth-tabs button{min-height:var(--mbs-control-height-touch);color:var(--mbs-text-muted);background:transparent;border:0;border-bottom:calc(2 * var(--mbs-border-width)) solid transparent;cursor:pointer}.auth-tabs button.active{color:var(--mbs-text-strong);border-color:var(--mbs-gold-500)}.auth-form{display:grid;grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5)}.auth-form label{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);color:var(--mbs-text);font-size:var(--mbs-text-sm);font-weight:500}.auth-form input{min-height:var(--mbs-control-height-touch);padding-inline:var(--mbs-space-3)}.auth-form label small{color:var(--mbs-text-muted);font-weight:400}.auth-form .form-error,.auth-form .form-success{margin:0}.auth-form>.button{width:100%}.booking-page{width:min(100% - 2 * var(--mbs-gutter-desktop),1280px);margin:auto;padding-block:var(--mbs-space-10) var(--mbs-space-24)}.page-intro{text-align:center}.page-intro h1{margin-bottom:var(--mbs-space-3);font-size:clamp(2.4rem,4vw,3.5rem)}.page-intro>p:last-child{color:var(--mbs-text-muted)}.booking-progress{max-width:760px;margin:var(--mbs-space-10) auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.booking-progress li{position:relative;display:grid;justify-items:center;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);color:var(--mbs-text-subtle);font-size:var(--mbs-text-sm)}.booking-progress li:after{content:"";position:absolute;z-index:-1;top:16px;left:50%;width:100%;border-top:1px solid var(--mbs-border-strong)}.booking-progress li:last-child:after{display:none}.booking-progress li>span{width:34px;height:34px;display:grid;place-items:center;background:var(--mbs-bg);border:1px solid var(--mbs-border-strong);border-radius:50%;font-size:var(--mbs-text-sm)}.booking-progress li svg{width:17px}.booking-progress .current,.booking-progress .done{color:var(--mbs-text)}.booking-progress .current>span{color:var(--mbs-black);background:var(--mbs-gold-500);border-color:var(--mbs-gold-500)}.booking-progress .done>span{color:var(--mbs-gold-300)}.booking-progress .done:after,.booking-progress .done>span{border-color:var(--mbs-gold-600)}.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:var(--mbs-space-6);gap:var(--mbs-space-6);align-items:flex-start}.booking-panel,.booking-summary{padding:var(--mbs-space-8);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.panel-heading{margin-bottom:var(--mbs-space-8)}.panel-heading h2{margin-bottom:var(--mbs-space-2)}.panel-heading>p:last-child{color:var(--mbs-text-muted)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4)}.choice-card{min-height:250px;position:relative;display:flex;flex-direction:column;padding:var(--mbs-space-6);text-align:left;background:var(--mbs-charcoal-2);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md);cursor:pointer}.choice-card.selected,.choice-card:hover,.stylist-choice.selected,.stylist-choice:hover{border-color:var(--mbs-gold-500);box-shadow:inset 0 0 0 1px rgb(199 163 75/.2)}.choice-card>svg{width:25px;margin-bottom:var(--mbs-space-6);color:var(--mbs-gold-500)}.choice-card h3{margin-bottom:var(--mbs-space-2)}.choice-card p{color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.choice-card footer{width:100%;margin-top:auto;display:flex;justify-content:space-between}.choice-card footer strong{color:var(--mbs-gold-300)}.choice-check{width:24px;height:24px;position:absolute;top:var(--mbs-space-4);right:var(--mbs-space-4);display:grid;place-items:center;color:var(--mbs-black);background:var(--mbs-gold-500);border-radius:50%}.choice-check:empty{background:transparent;border:1px solid var(--mbs-border-strong)}.choice-check svg{width:15px}.stylist-choice-grid{display:grid;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4)}.stylist-choice{min-height:130px;position:relative;display:grid;grid-template-columns:96px 1fr;align-items:center;grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5);padding:var(--mbs-space-4);text-align:left;background:var(--mbs-charcoal-2);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md);cursor:pointer}.portrait--small{width:96px;height:96px;border-radius:var(--mbs-radius-sm)}.stylist-choice h3,.stylist-choice p{margin-bottom:.2rem}.stylist-choice p,.stylist-choice small{color:var(--mbs-text-muted)}.booking-summary{position:-webkit-sticky;position:sticky;top:var(--mbs-space-5)}.booking-summary h3{min-height:54px;padding-bottom:var(--mbs-space-5);border-bottom:1px solid var(--mbs-border)}.booking-summary dl{margin:0}.booking-summary dl>div{display:flex;justify-content:space-between;gap:var(--mbs-space-4);padding-block:var(--mbs-space-3)}.booking-summary dt{color:var(--mbs-text-muted)}.booking-summary dd{margin:0;text-align:right}.booking-summary .total{margin-top:var(--mbs-space-3);padding-top:var(--mbs-space-5);border-top:1px solid var(--mbs-border-strong);font-weight:600}.booking-summary .total dd{color:var(--mbs-gold-300);font-size:var(--mbs-text-lg)}.booking-actions{margin-top:var(--mbs-space-6);display:flex;justify-content:space-between}.date-strip{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.date-strip button{min-height:88px;display:grid;place-items:center;padding:var(--mbs-space-2);background:var(--mbs-charcoal-2);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm);cursor:pointer}.date-strip button strong{font-size:var(--mbs-text-xl)}.date-strip button small,.date-strip button span{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.date-strip button.selected,.slot-grid button.selected{color:var(--mbs-black);background:var(--mbs-gold-gradient);border-color:var(--mbs-gold-500)}.date-strip button.selected small,.date-strip button.selected span{color:var(--mbs-black)}.future-date-field{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);margin-top:var(--mbs-space-5);color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.future-date-field>span:first-child{color:var(--mbs-text);font-weight:500}.future-date-field>small{color:var(--mbs-text-muted)}.date-input{min-height:var(--mbs-control-height-touch);display:flex;align-items:center;gap:var(--mbs-space-3);padding-inline:var(--mbs-space-3);background:var(--mbs-charcoal-2);border:1px solid var(--mbs-border-strong);border-radius:var(--mbs-radius-sm)}.date-input:focus-within{border-color:var(--mbs-focus);box-shadow:0 0 0 2px var(--mbs-focus)}.date-input svg{width:20px;color:var(--mbs-gold-500)}.date-input input{min-height:46px;color-scheme:dark;background:transparent;border:0;outline:0}.slot-heading{margin-block:var(--mbs-space-8) var(--mbs-space-4);display:flex;align-items:center;justify-content:space-between}.slot-heading h3{margin:0}.slot-heading>span{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.availability-dot{width:7px;height:7px;display:inline-block;margin-right:5px;background:var(--mbs-gold-500);border-radius:50%}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.slot-grid button{min-height:50px;display:grid;place-items:center;background:var(--mbs-charcoal-2);border:1px solid var(--mbs-gold-700);border-radius:var(--mbs-radius-sm);cursor:pointer}.slot-grid button small{display:none}.slot-grid button:disabled{position:relative;color:var(--mbs-text-subtle);background:repeating-linear-gradient(-45deg,var(--mbs-charcoal-2),var(--mbs-charcoal-2) 6px,#212224 6px,#212224 7px);border-color:var(--mbs-border);cursor:not-allowed;text-decoration:line-through}.review-details{border-block:1px solid var(--mbs-border)}.review-details>div{display:grid;grid-template-columns:24px 1fr auto;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);align-items:center;padding-block:var(--mbs-space-5);border-bottom:1px solid var(--mbs-border)}.review-details>div:last-child{border:0}.review-details svg{color:var(--mbs-gold-500)}.review-details span{display:grid}.review-details em,.review-details small{color:var(--mbs-text-muted);font-size:var(--mbs-text-sm);font-style:normal}.review-details button{color:var(--mbs-gold-300);background:none;border:0;cursor:pointer;text-decoration:underline}.policy-note{margin-top:var(--mbs-space-6);padding:var(--mbs-space-5);background:var(--mbs-warning-bg);border-left:3px solid var(--mbs-warning)}.policy-note p{margin:var(--mbs-space-1) 0 0;color:var(--mbs-text-muted)}.booking-complete{width:min(100% - 2 * var(--mbs-gutter-mobile),680px);margin:auto;padding-block:var(--mbs-space-20);text-align:center}.success-mark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto var(--mbs-space-6);color:var(--mbs-black);background:var(--mbs-gold-gradient);border-radius:50%}.success-mark svg{width:38px}.confirmation-card{margin-block:var(--mbs-space-8);padding:var(--mbs-space-6);text-align:left;background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.confirmation-card>div{display:flex;align-items:center;gap:var(--mbs-space-4);padding-block:var(--mbs-space-3)}.confirmation-card svg{color:var(--mbs-gold-500)}.confirmation-card span{display:grid}.confirmation-card small{color:var(--mbs-text-muted)}.booking-complete .button-row{justify-content:center}.profile-page{width:min(100% - 2 * var(--mbs-gutter-desktop),var(--mbs-reading-max));margin:auto;padding-block:var(--mbs-space-12) var(--mbs-space-24)}.profile-card{display:grid;grid-gap:var(--mbs-space-8);gap:var(--mbs-space-8);margin-top:var(--mbs-space-8);padding:var(--mbs-space-8);background:var(--mbs-surface);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-lg)}.profile-card section{display:grid;grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5)}.profile-card section+section{padding-top:var(--mbs-space-8);border-top:var(--mbs-border-width) solid var(--mbs-border)}.profile-card label{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);font-size:var(--mbs-text-sm);font-weight:500}.profile-card input,.profile-card select{min-height:var(--mbs-control-height-touch);padding-inline:var(--mbs-space-3)}.profile-card section>p,.profile-card small{color:var(--mbs-text-muted);font-weight:400}.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--mbs-space-5)}.profile-section-heading h2,.profile-section-heading p{margin-bottom:0}.profile-image-preview{width:var(--mbs-profile-image-size);height:var(--mbs-profile-image-size);display:grid;flex:0 0 auto;place-items:center;overflow:hidden;color:var(--mbs-gold-500);background:var(--mbs-surface-raised);border:var(--mbs-border-width) solid var(--mbs-border-strong);border-radius:var(--mbs-radius-pill)}.profile-image-preview img{width:100%;height:100%;object-fit:cover}.profile-image-preview svg{width:var(--mbs-space-10);height:var(--mbs-space-10)}.file-field{min-height:var(--mbs-control-height-touch);display:flex;align-items:center;gap:var(--mbs-space-3);padding:var(--mbs-space-3);background:var(--mbs-charcoal-2);border:var(--mbs-border-width) solid var(--mbs-border-strong);border-radius:var(--mbs-radius-sm)}.file-field svg{width:var(--mbs-space-5);color:var(--mbs-gold-500)}.file-field input{min-height:0;padding:0;background:transparent;border:0}.stylist-settings>.text-button{justify-self:start}.service-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.service-checkbox{min-height:var(--mbs-control-height-touch);display:grid!important;grid-template-columns:auto 1fr;align-items:center;padding:var(--mbs-space-3);background:var(--mbs-surface-raised);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.service-checkbox:has(input:checked){border-color:var(--mbs-gold-600);box-shadow:inset 0 0 0 var(--mbs-border-width) var(--mbs-gold-700)}.service-checkbox input{width:var(--mbs-space-5);min-height:var(--mbs-space-5);accent-color:var(--mbs-gold-500)}.service-checkbox span{display:grid}.working-hours-list,.working-hours-list fieldset{display:grid;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.working-hours-list fieldset{padding:var(--mbs-space-4);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.working-hours-list fieldset:disabled{opacity:.62}.working-hours-list legend{padding-inline:var(--mbs-space-2);color:var(--mbs-text-strong);font-weight:600}.working-hours-list fieldset>p{margin:0;color:var(--mbs-text-muted)}.hours-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.hours-row label span{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.hours-row .icon-button{width:var(--mbs-control-height-touch);height:var(--mbs-control-height-touch);color:var(--mbs-danger)}.add-hours{justify-self:start;min-height:var(--mbs-control-height)}.access-note{display:flex;align-items:flex-start;gap:var(--mbs-space-2)}.access-note svg{width:var(--mbs-space-5);flex:0 0 auto;color:var(--mbs-gold-500)}.admin-profile-editor{max-width:var(--mbs-reading-max)}.next-card{min-height:260px;display:grid;grid-template-columns:120px 1fr 210px;grid-gap:var(--mbs-space-8);gap:var(--mbs-space-8);align-items:center;padding:var(--mbs-space-8);background:linear-gradient(125deg,var(--mbs-surface-raised),var(--mbs-surface));border:1px solid var(--mbs-gold-700);border-radius:var(--mbs-radius-lg);box-shadow:var(--mbs-shadow-card)}.next-date{height:150px;display:grid;place-items:center;align-content:center;color:var(--mbs-text-muted);background:var(--mbs-bg);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md);text-transform:uppercase}.next-date strong{color:var(--mbs-gold-300);font-family:var(--mbs-font-display);font-size:3.5rem;line-height:1}.next-date small{letter-spacing:.14em}.next-main h2{margin-bottom:var(--mbs-space-5)}.appointment-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3);color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.appointment-meta span{display:flex;align-items:center;gap:var(--mbs-space-2)}.appointment-meta svg{width:17px;color:var(--mbs-gold-500)}.next-actions{display:grid;justify-items:stretch;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.next-actions .status{justify-self:end}.appointments-section{margin-top:var(--mbs-space-10)}.tabs{display:flex;gap:var(--mbs-space-6);border-bottom:1px solid var(--mbs-border)}.tabs button{min-height:48px;padding-inline:var(--mbs-space-2);color:var(--mbs-text-muted);background:none;border:0;border-bottom:2px solid transparent;text-transform:capitalize;cursor:pointer}.tabs button.active{color:var(--mbs-text-strong);border-color:var(--mbs-gold-500)}.appointment-list{display:grid;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3);margin-top:var(--mbs-space-5)}.appointment-row{min-height:86px;display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5);padding:var(--mbs-space-4);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.appointment-row h3,.appointment-row p{margin:0}.appointment-row p{color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.date-tile{width:52px;height:56px;display:grid;place-items:center;align-content:center;color:var(--mbs-gold-300);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-sm);line-height:1}.date-tile strong{font-size:var(--mbs-text-lg)}.date-tile span{margin-top:4px;color:var(--mbs-text-muted);font-size:.65rem;text-transform:uppercase}.mini-calendar{margin-top:var(--mbs-space-5);padding:var(--mbs-space-6);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.mini-calendar header{display:flex;justify-content:space-between;align-items:center}.mini-calendar header h2{font-size:var(--mbs-text-2xl)}.mini-calendar header button{width:44px;height:44px;color:var(--mbs-gold-300);background:none;border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.month-grid,.weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{padding-block:var(--mbs-space-3);color:var(--mbs-text-subtle);text-align:center;font-size:var(--mbs-text-xs)}.month-grid button,.month-grid>span{min-height:72px;position:relative;color:var(--mbs-text);background:transparent;border:1px solid var(--mbs-border)}.month-grid button.today{color:var(--mbs-gold-300)}.month-grid button.booked{background:var(--mbs-surface-raised)}.month-grid button i{width:6px;height:6px;position:absolute;bottom:9px;left:calc(50% - 3px);background:var(--mbs-gold-500);border-radius:50%}.sticky-mobile-action{display:none}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:var(--mbs-space-4);background:rgb(0 0 0/.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:min(100%,480px);position:relative;padding:var(--mbs-space-8);background:var(--mbs-surface-raised);border:1px solid var(--mbs-border-strong);border-radius:var(--mbs-radius-md);box-shadow:var(--mbs-shadow-raised)}.dialog-close{position:absolute;right:var(--mbs-space-4);top:var(--mbs-space-4)}.segmented{display:inline-flex;padding:3px;background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.segmented button{min-height:38px;padding-inline:var(--mbs-space-4);color:var(--mbs-text-muted);background:none;border:0;border-radius:6px;cursor:pointer}.segmented button.active{color:var(--mbs-black);background:var(--mbs-gold-500)}.staff-layout{display:grid;grid-template-columns:210px minmax(440px,1fr) 285px;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);align-items:flex-start}.appointment-detail,.schedule,.today-summary{padding:var(--mbs-space-5);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.metric-stack{display:grid;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.metric-stack>div{display:flex;align-items:center;gap:var(--mbs-space-3)}.metric-stack svg{color:var(--mbs-gold-500)}.metric-stack span{display:grid}.metric-stack strong{font-size:var(--mbs-text-xl)}.metric-stack small,.today-summary p,.today-summary>small{color:var(--mbs-text-muted)}.today-summary hr{margin-block:var(--mbs-space-5);border:0;border-top:1px solid var(--mbs-border)}.today-summary .button{width:100%;margin-top:var(--mbs-space-5)}.schedule{min-height:640px;position:relative;overflow:hidden}.schedule>header{display:grid;grid-template-columns:60px 1fr;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);padding-bottom:var(--mbs-space-4);border-bottom:1px solid var(--mbs-border)}.schedule>header span{color:var(--mbs-text-subtle);font-size:var(--mbs-text-xs)}.schedule>header h2{margin:0;font-size:var(--mbs-text-xl)}.schedule-list{display:grid;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3);padding-top:var(--mbs-space-4)}.schedule-block{min-height:92px;display:grid;grid-template-columns:60px 1fr;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);align-items:flex-start;padding:var(--mbs-space-3);text-align:left;background:var(--mbs-surface-raised);border:1px solid var(--mbs-border);border-left:4px solid var(--mbs-gold-700);border-radius:var(--mbs-radius-sm);cursor:pointer}.schedule-block.selected{border-color:var(--mbs-gold-500)}.schedule-block time{color:var(--mbs-gold-300);font-family:var(--mbs-font-mono)}.schedule-block span{display:grid}.schedule-block small,.schedule-break{color:var(--mbs-text-muted)}.schedule-break{min-height:60px;display:grid;grid-template-columns:60px 1fr;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);align-items:center;padding:var(--mbs-space-3);background:repeating-linear-gradient(-45deg,var(--mbs-charcoal-2),var(--mbs-charcoal-2) 8px,#202124 8px,#202124 9px);border-radius:var(--mbs-radius-sm)}.schedule-break span{display:flex;align-items:center;gap:var(--mbs-space-2)}.schedule-break svg{width:16px}.current-time{position:absolute;top:47%;right:0;left:0;border-top:1px solid var(--mbs-gold-500);pointer-events:none}.current-time span{position:absolute;right:0;top:-10px;padding:1px 4px;color:var(--mbs-black);background:var(--mbs-gold-500);font-size:.65rem}.detail-top{justify-content:space-between}.client-avatar,.detail-top{display:flex;gap:var(--mbs-space-3)}.client-avatar{align-items:center;margin-block:var(--mbs-space-6)}.client-avatar>svg{width:42px;height:42px;padding:9px;color:var(--mbs-gold-300);background:var(--mbs-charcoal-3);border-radius:50%}.appointment-detail dt,.client-avatar small{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.client-avatar h2{margin:0;font-size:var(--mbs-text-xl)}.appointment-detail dl{margin:0}.appointment-detail dl>div{padding-block:var(--mbs-space-3);border-bottom:1px solid var(--mbs-border)}.appointment-detail dd{margin:2px 0 0}.appointment-detail label{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);margin-block:var(--mbs-space-5);font-size:var(--mbs-text-sm)}input,select,textarea{width:100%;color:var(--mbs-text);background:var(--mbs-charcoal-2);border:1px solid var(--mbs-border-strong);border-radius:var(--mbs-radius-sm)}textarea{min-height:96px;padding:var(--mbs-space-3);resize:vertical}.appointment-detail .button{width:100%;margin-top:var(--mbs-space-3)}.app-layout{min-height:100vh;display:grid;grid-template-columns:var(--mbs-admin-sidebar) 1fr}.admin-sidebar{height:100vh;position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;padding:var(--mbs-space-5);background:var(--mbs-black-soft);border-right:1px solid var(--mbs-border)}.admin-sidebar>.role-pill{align-self:start;margin-block:var(--mbs-space-6)}.admin-sidebar nav{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2)}.admin-sidebar nav a{min-height:48px;display:flex;align-items:center;gap:var(--mbs-space-3);padding-inline:var(--mbs-space-3);color:var(--mbs-text-muted);border-left:3px solid transparent;border-radius:var(--mbs-radius-sm)}.admin-sidebar nav a.active{color:var(--mbs-text-strong);background:var(--mbs-surface-raised);border-left-color:var(--mbs-gold-500)}.admin-sidebar nav svg{width:19px}.admin-sidebar .role-switcher{margin-top:auto;display:grid;align-items:stretch}.app-main{min-width:0;position:relative;padding:var(--mbs-space-10) var(--mbs-gutter-desktop) var(--mbs-space-24)}.bottom-nav{display:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);margin-bottom:var(--mbs-space-6)}.metric-card{display:flex;align-items:center;gap:var(--mbs-space-4);padding:var(--mbs-space-5);background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.metric-card>span{width:42px;height:42px;display:grid;place-items:center;color:var(--mbs-gold-500);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-sm)}.metric-card svg{width:21px}.metric-card div{display:grid}.metric-card strong{color:var(--mbs-text-strong);font-family:var(--mbs-font-display);font-size:var(--mbs-text-2xl);line-height:1}.metric-card small{color:var(--mbs-text-muted)}.admin-card{overflow:hidden;background:var(--mbs-surface);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.admin-card:has(.permission-dropdown){overflow:visible}.admin-card-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--mbs-space-5);padding:var(--mbs-space-6);border-bottom:1px solid var(--mbs-border)}.admin-card-heading h2,.admin-card-heading p{margin:0}.admin-card-heading h2{font-size:var(--mbs-text-2xl)}.admin-card-heading p{color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.filter-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--mbs-space-3)}.search-field,.select-field{height:44px;display:flex;align-items:center;gap:var(--mbs-space-2);padding-inline:var(--mbs-space-3);background:var(--mbs-charcoal-2);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.search-field svg,.select-field svg{width:17px;color:var(--mbs-text-muted)}.search-field input,.select-field select{border:0;background:transparent;outline:0}.search-field input{min-width:220px}.admin-calendar,.stylist-calendar{--fc-monarch-primary:var(--mbs-gold-500);--fc-monarch-primary-foreground:var(--mbs-black);--fc-monarch-primary-over:var(--mbs-gold-400);--fc-monarch-primary-down:var(--mbs-gold-600);--fc-monarch-secondary:var(--mbs-surface-raised);--fc-monarch-secondary-foreground:var(--mbs-text);--fc-monarch-secondary-over:var(--mbs-surface-hover);--fc-monarch-secondary-down:var(--mbs-charcoal-3);--fc-monarch-tertiary:var(--mbs-surface-raised);--fc-monarch-tertiary-foreground:var(--mbs-text);--fc-monarch-tertiary-over:var(--mbs-surface-hover);--fc-monarch-tertiary-down:var(--mbs-charcoal-3);--fc-monarch-event:var(--mbs-stylist-mario);--fc-monarch-event-contrast:var(--mbs-white);--fc-monarch-highlight:color-mix(in srgb,var(--mbs-gold-500) 8%,transparent);--fc-monarch-now:var(--mbs-gold-400);--fc-monarch-selected:var(--mbs-gold-600);--fc-monarch-selected-foreground:var(--mbs-black);--fc-monarch-selected-over:var(--mbs-gold-500);--fc-monarch-selected-down:var(--mbs-gold-700);--fc-monarch-outline:var(--mbs-focus);--fc-monarch-popover:var(--mbs-surface-raised);--fc-monarch-popover-foreground:var(--mbs-text);--fc-monarch-background:var(--mbs-surface);--fc-monarch-faint:color-mix(in srgb,var(--mbs-white) 3%,transparent);--fc-monarch-muted:color-mix(in srgb,var(--mbs-white) 6%,transparent);--fc-monarch-strong:color-mix(in srgb,var(--mbs-white) 10%,transparent);--fc-monarch-stronger:color-mix(in srgb,var(--mbs-white) 14%,transparent);--fc-monarch-strongest:color-mix(in srgb,var(--mbs-white) 18%,transparent);--fc-monarch-foreground:var(--mbs-text);--fc-monarch-faint-foreground:var(--mbs-text-subtle);--fc-monarch-muted-foreground:var(--mbs-text-muted);--fc-monarch-border:var(--mbs-border);--fc-monarch-strong-border:var(--mbs-border-strong);padding:var(--mbs-space-5);font-size:var(--mbs-text-sm)}.stylist-calendar{padding:0}.fc-appointment{cursor:pointer}.fc-appointment--mario{--fc-event-color:var(--mbs-stylist-mario);--fc-event-contrast-color:var(--mbs-white)}.fc-appointment--luca{--fc-event-color:var(--mbs-stylist-luca);--fc-event-contrast-color:var(--mbs-white)}.fc-appointment--james{--fc-event-color:var(--mbs-stylist-james);--fc-event-contrast-color:var(--mbs-white)}.fc-appointment--cancelled,.fc-appointment--no-show{opacity:.62;text-decoration:line-through}.calendar-event-content{min-width:0;display:grid;grid-gap:var(--mbs-space-1);gap:var(--mbs-space-1);padding:var(--mbs-space-1);line-height:var(--mbs-leading-tight)}.calendar-event-content strong{font-family:var(--mbs-font-mono);font-size:var(--mbs-text-xs)}.calendar-event-content>span{overflow:hidden;font-size:var(--mbs-text-xs);text-overflow:ellipsis;white-space:nowrap}.calendar-selection{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5);padding:var(--mbs-space-5) var(--mbs-space-6);background:var(--mbs-black-soft);border-top:1px solid var(--mbs-gold-700)}.calendar-selection dl,.calendar-selection h3,.calendar-selection p{margin:0}.calendar-selection dt,.calendar-selection>div>p:last-child{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.calendar-selection dl{display:flex;gap:var(--mbs-space-6)}.calendar-selection dd{margin:var(--mbs-space-1) 0 0;font-size:var(--mbs-text-sm)}.admin-appointment-list--mobile{display:none}.admin-appointment-list>article{min-height:82px;display:grid;grid-template-columns:54px minmax(180px,1fr) 110px 90px 90px 44px;align-items:center;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);padding:var(--mbs-space-4) var(--mbs-space-6);border-bottom:1px solid var(--mbs-border)}.admin-appointment-list>article:last-child{border:0}.admin-appointment-list h3,.admin-appointment-list p{margin:0}.admin-appointment-list p,.admin-appointment-list small{display:block;color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.service-table-head,.service-table>article{display:grid;grid-template-columns:minmax(300px,2fr) .6fr .7fr 1fr .7fr 60px;align-items:center;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);padding-inline:var(--mbs-space-6)}.service-table-head{min-height:48px;color:var(--mbs-text-subtle);background:var(--mbs-black-soft);font-size:var(--mbs-text-xs);text-transform:uppercase;letter-spacing:.05em}.service-table>article{min-height:96px;border-bottom:1px solid var(--mbs-border)}.service-table>article:last-child{border:0}.service-name{display:flex;align-items:center;gap:var(--mbs-space-4)}.service-name>span{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;color:var(--mbs-gold-500);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-sm)}.service-name svg{width:19px}.service-name h3,.service-name p{margin:0}.service-name p{max-width:430px;overflow:hidden;color:var(--mbs-text-muted);font-size:var(--mbs-text-sm);text-overflow:ellipsis;white-space:nowrap}.status-button{padding:0;background:none;border:0;cursor:pointer}.drawer-backdrop{place-items:stretch end;padding:0}.edit-drawer{width:min(100%,510px);height:100%;overflow-y:auto;padding:var(--mbs-space-8);background:var(--mbs-surface-raised);border-left:1px solid var(--mbs-border-strong);box-shadow:var(--mbs-shadow-raised)}.edit-drawer header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--mbs-space-8)}.edit-drawer label{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2);margin-bottom:var(--mbs-space-5);color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.edit-drawer input,.edit-drawer select{min-height:48px;padding-inline:var(--mbs-space-3)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4)}.edit-drawer fieldset{margin-bottom:var(--mbs-space-5);padding:var(--mbs-space-4);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.edit-drawer legend{padding-inline:var(--mbs-space-2);color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.edit-drawer .check-row{display:flex;align-items:center;gap:var(--mbs-space-3);margin-bottom:var(--mbs-space-3)}.check-row input{width:18px;height:18px;accent-color:var(--mbs-gold-500)}.edit-drawer footer{display:flex;justify-content:flex-end;gap:var(--mbs-space-3);padding-top:var(--mbs-space-5);border-top:1px solid var(--mbs-border)}.user-table>article{min-height:calc(2 * var(--mbs-control-height-touch));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5);padding:var(--mbs-space-4) var(--mbs-space-6);border-bottom:var(--mbs-border-width) solid var(--mbs-border)}.user-table>article:last-child{border-bottom:0}.user-avatar{width:var(--mbs-control-height-touch);height:var(--mbs-control-height-touch);display:grid;place-items:center;color:var(--mbs-gold-500);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-sm);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar svg,.user-table .button svg{width:var(--mbs-space-5)}.user-table h3,.user-table p{margin:0}.user-permission-count,.user-table p{color:var(--mbs-text-muted);font-size:var(--mbs-text-sm)}.user-roles{display:flex;flex-wrap:wrap;gap:var(--mbs-space-2)}.user-roles span{display:inline-flex;align-items:center;gap:var(--mbs-space-1);padding:var(--mbs-space-1) var(--mbs-space-2);color:var(--mbs-gold-300);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-pill);font-size:var(--mbs-text-xs)}.user-roles svg{width:var(--mbs-space-4)}.permission-row{display:grid!important;grid-template-columns:auto 1fr;align-items:start!important;grid-gap:var(--mbs-space-3)!important;gap:var(--mbs-space-3)!important}.permission-row>span{display:grid;grid-gap:var(--mbs-space-1);gap:var(--mbs-space-1)}.permission-row strong{color:var(--mbs-text);font-size:var(--mbs-text-sm);text-transform:capitalize}.access-note,.permission-row small{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.edit-drawer fieldset:disabled{opacity:.55}.permission-dropdown{position:relative;min-width:calc(4 * var(--mbs-control-height))}.permission-dropdown summary{min-height:var(--mbs-control-height);display:flex;align-items:center;justify-content:space-between;gap:var(--mbs-space-2);padding-inline:var(--mbs-space-3);color:var(--mbs-gold-300);background:var(--mbs-surface-raised);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-sm);font-size:var(--mbs-text-xs);cursor:pointer;list-style:none}.permission-dropdown summary::-webkit-details-marker{display:none}.permission-dropdown summary:after{content:"⌄";color:var(--mbs-text-muted)}.permission-dropdown[open] summary{border-color:var(--mbs-gold-600)}.permission-dropdown>div{width:min(22rem,80vw);position:absolute;z-index:45;top:calc(100% + var(--mbs-space-2));right:0;display:grid;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3);padding:var(--mbs-space-4);background:var(--mbs-surface-raised);border:var(--mbs-border-width) solid var(--mbs-border-strong);border-radius:var(--mbs-radius-md);box-shadow:var(--mbs-shadow-raised)}.permission-dropdown>div>strong{font-size:var(--mbs-text-sm)}.permission-dropdown label{display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3);cursor:pointer}.permission-dropdown label input{width:var(--mbs-space-5);height:var(--mbs-space-5);accent-color:var(--mbs-gold-500)}.permission-dropdown label span{display:grid;grid-gap:var(--mbs-space-1);gap:var(--mbs-space-1)}.permission-dropdown label b{font-size:var(--mbs-text-sm);font-weight:600;text-transform:capitalize}.permission-dropdown label small,.role-selector{color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}.role-selector{display:grid;grid-gap:var(--mbs-space-1);gap:var(--mbs-space-1)}.role-selector select{min-width:calc(3 * var(--mbs-control-height));min-height:var(--mbs-control-height);padding-inline:var(--mbs-space-3);text-transform:capitalize}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--mbs-space-5);gap:var(--mbs-space-5)}.settings-section-icon{width:var(--mbs-control-height-touch);height:var(--mbs-control-height-touch);display:grid;flex:0 0 auto;place-items:center;color:var(--mbs-gold-500);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-sm)}.settings-section-icon svg{width:var(--mbs-space-6)}.admin-mobile-links{display:grid;grid-gap:var(--mbs-space-3);gap:var(--mbs-space-3)}.admin-mobile-links a{min-height:var(--mbs-control-height-touch);display:flex;align-items:center;gap:var(--mbs-space-3);padding-inline:var(--mbs-space-4);background:var(--mbs-surface);border:var(--mbs-border-width) solid var(--mbs-border);border-radius:var(--mbs-radius-sm)}.admin-mobile-links svg{width:var(--mbs-space-5);color:var(--mbs-gold-500)}@media (max-width:1100px){.staff-layout{grid-template-columns:190px 1fr}.appointment-detail{grid-column:1/-1}.admin-appointment-list>article{grid-template-columns:54px 1fr 90px 80px auto}.admin-appointment-list>article>:nth-child(4){display:none}.service-table-head,.service-table>article{grid-template-columns:minmax(250px,2fr) .6fr .7fr .9fr .7fr 50px;padding-inline:var(--mbs-space-4)}.calendar-selection{grid-template-columns:1fr auto auto}.calendar-selection dl{grid-column:1/-1;grid-row:2}.user-table>article{gap:var(--mbs-space-3);padding-inline:var(--mbs-space-4)}}@media (max-width:1023px){.content,.header-inner,.hero-inner{width:min(100% - 2 * var(--mbs-gutter-tablet),var(--mbs-content-max))}.hero-inner{grid-template-columns:1fr .75fr}.barber-grid{grid-template-columns:repeat(2,1fr)}.barber-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.booking-layout{grid-template-columns:1fr}.booking-summary{position:static}.app-layout{grid-template-columns:190px 1fr}.admin-sidebar{padding-inline:var(--mbs-space-3)}.admin-sidebar .brand{width:135px}.app-main{padding-inline:var(--mbs-gutter-tablet)}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-card-heading{align-items:stretch;flex-direction:column}.service-table-head{display:none}.service-table{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--mbs-space-4);gap:var(--mbs-space-4);padding:var(--mbs-space-4)}.service-table>article{min-height:260px;display:grid;grid-template-columns:1fr auto;align-content:start;padding:var(--mbs-space-5);border:1px solid var(--mbs-border);border-radius:var(--mbs-radius-md)}.service-name{grid-column:1/-1;margin-bottom:var(--mbs-space-3)}.service-table [data-label]:before{content:attr(data-label) ": ";color:var(--mbs-text-muted);font-size:var(--mbs-text-xs)}}@media (max-width:767px){.booking-page,.content,.dashboard-page,.hero-inner,.profile-page,.staff-page{width:calc(100% - 2 * var(--mbs-gutter-mobile))}.profile-page{padding-block:var(--mbs-space-8)}.profile-card{padding:var(--mbs-space-5)}.profile-section-heading{align-items:flex-start}.profile-image-preview{width:calc(var(--mbs-profile-image-size) - var(--mbs-space-8));height:calc(var(--mbs-profile-image-size) - var(--mbs-space-8))}.service-checkbox-grid{grid-template-columns:1fr}.hours-row{grid-template-columns:1fr 1fr}.hours-row .icon-button{grid-column:1/-1;width:100%}.settings-grid{grid-template-columns:1fr}.admin-account-menu{display:none}.public-header{height:var(--mbs-header-height-mobile);-webkit-backdrop-filter:none;backdrop-filter:none}.header-inner{width:calc(100% - 2 * var(--mbs-gutter-mobile))}.brand{width:126px}.brand img{height:46px}.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.mobile-drawer{position:fixed;inset:0;z-index:100;min-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding:var(--mbs-space-6) var(--mbs-space-6) calc(var(--mbs-space-6) + env(safe-area-inset-bottom));color:var(--mbs-text);background:var(--mbs-overlay-scrim);box-shadow:var(--mbs-shadow-raised);backdrop-filter:blur(var(--mbs-overlay-blur));-webkit-backdrop-filter:blur(var(--mbs-overlay-blur))}.mobile-drawer,.mobile-drawer-nav{display:flex;flex-direction:column;gap:var(--mbs-space-5)}.mobile-drawer-nav>a:not(.button){padding-block:var(--mbs-space-3);font-family:var(--mbs-font-display);font-size:var(--mbs-text-2xl);border-bottom:1px solid var(--mbs-border)}.mobile-drawer>.eyebrow{margin-top:auto}.drawer-close{position:absolute;right:var(--mbs-space-4);top:var(--mbs-space-4)}.mobile-drawer .role-switcher{display:grid;grid-template-columns:repeat(3,1fr)}.mobile-drawer .role-switcher>span{grid-column:1/-1}.mobile-drawer .role-switcher a{justify-content:center}.section{padding-block:var(--mbs-space-16)}.auth-page{width:calc(100% - 2 * var(--mbs-gutter-mobile));min-height:calc(100dvh - var(--mbs-header-height-mobile));padding-block:var(--mbs-space-6)}.auth-card{padding:var(--mbs-space-5)}.auth-card>header{text-align:left}.auth-card>header h1{font-size:var(--mbs-text-3xl)}.section-heading{margin-bottom:var(--mbs-space-8)}.hero{min-height:calc(100vh - var(--mbs-header-height-mobile))}.hero-inner{min-height:760px;display:flex;flex-direction:column-reverse;gap:0}.hero-art{width:calc(100% + 2 * var(--mbs-gutter-mobile));height:340px;align-self:center}.hero-image{width:100%;min-height:380px;height:100%;object-position:52% center;-webkit-mask-image:radial-gradient(ellipse 94% 86% at 52% 40%,black 54%,transparent 100%);mask-image:radial-gradient(ellipse 94% 86% at 52% 40%,black 54%,transparent 100%)}.hero-art>p{display:none}.hero-copy{margin-top:-50px;padding:0 0 var(--mbs-space-12)}.hero h1{font-size:3rem}.hero-lead{font-size:var(--mbs-text-md)}.hero-actions{align-items:stretch;flex-direction:column;margin-block:var(--mbs-space-6)}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center}.hero-meta{display:grid;grid-gap:var(--mbs-space-2);gap:var(--mbs-space-2)}.service-grid{width:calc(100% + var(--mbs-gutter-mobile));display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:var(--mbs-gutter-mobile)}.service-card{min-width:82%;min-height:320px;scroll-snap-align:start}.barber-grid{grid-template-columns:1fr}.barber-card,.barber-card:last-child{display:block;grid-column:auto}.barber-card:not(:first-child){display:none}.visit-grid{grid-template-columns:1fr;gap:var(--mbs-space-8)}.review-grid{display:flex;overflow-x:auto}.review-grid blockquote{min-width:88%;border-bottom:0}.site-footer .content{align-items:flex-start;flex-direction:column;gap:var(--mbs-space-3)}.protected-header{min-height:64px;padding-inline:var(--mbs-gutter-mobile)}.protected-actions .role-switcher{display:none}.dashboard-page,.staff-page{padding-block:var(--mbs-space-8) 7rem}.dashboard-heading{align-items:stretch;flex-direction:column;margin-bottom:var(--mbs-space-6)}.dashboard-heading>.button{width:100%}.dashboard-heading h1{font-size:2.35rem}.booking-page{padding-block:var(--mbs-space-6) 7rem}.page-intro{text-align:left}.page-intro h1{font-size:2.3rem}.booking-progress{margin-block:var(--mbs-space-6)}.booking-progress li small{max-width:65px;text-align:center;font-size:.68rem}.booking-progress li>span{width:30px;height:30px}.booking-progress li:after{top:14px}.booking-panel,.booking-summary{padding:var(--mbs-space-4)}.booking-summary{display:none}.choice-grid{grid-template-columns:1fr}.choice-card{min-height:220px}.stylist-choice{grid-template-columns:76px 1fr;gap:var(--mbs-space-3)}.portrait--small{width:76px;height:76px}.date-strip{width:calc(100% + var(--mbs-space-4));overflow-x:auto;grid-template-columns:repeat(5,70px);padding-right:var(--mbs-space-4)}.slot-grid{grid-template-columns:repeat(2,1fr)}.slot-grid button{min-height:54px}.booking-actions{position:fixed;z-index:30;right:0;bottom:0;left:0;margin:0;padding:var(--mbs-space-3) var(--mbs-gutter-mobile) calc(var(--mbs-space-3) + env(safe-area-inset-bottom));background:rgb(8 8 9/.96);border-top:1px solid var(--mbs-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.booking-actions .button{min-width:46%}.review-details>div{grid-template-columns:22px 1fr}.review-details button{grid-column:2;justify-self:start}.booking-complete{padding-block:var(--mbs-space-12)}.booking-complete .button-row{display:grid}.next-card{grid-template-columns:70px 1fr;gap:var(--mbs-space-4);padding:var(--mbs-space-4)}.next-date{height:95px}.next-date strong{font-size:2.6rem}.next-main .eyebrow{margin-bottom:var(--mbs-space-1)}.next-main h2{font-size:var(--mbs-text-xl)}.appointment-meta{grid-template-columns:1fr;gap:var(--mbs-space-2)}.next-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.next-actions .status{grid-column:1/-1;justify-self:start}.next-actions .text-button{grid-column:1/-1}.tabs{justify-content:space-between;gap:0}.appointment-row{grid-template-columns:52px 1fr auto;gap:var(--mbs-space-3)}.appointment-row .text-button{grid-column:2/-1;justify-self:start}.mini-calendar{padding:var(--mbs-space-3)}.month-grid button,.month-grid>span{min-height:44px}.sticky-mobile-action{position:fixed;z-index:25;right:var(--mbs-gutter-mobile);bottom:calc(var(--mbs-gutter-mobile) + env(safe-area-inset-bottom));left:var(--mbs-gutter-mobile);display:inline-flex}.dialog{padding:var(--mbs-space-6)}.dialog .button-row{display:grid}.segmented{width:100%}.segmented button{flex:1 1}.staff-layout,.today-summary{grid-template-columns:1fr}.today-summary{display:grid}.metric-stack{grid-template-columns:1fr 1fr}.metric-stack>div{padding:var(--mbs-space-3);background:var(--mbs-surface-raised);border-radius:var(--mbs-radius-sm)}.today-summary hr,.today-summary>h3,.today-summary>p,.today-summary>small{display:none}.schedule{min-height:auto}.schedule>header{grid-template-columns:1fr}.schedule>header>span{display:none}.schedule-block{grid-template-columns:54px 1fr;min-height:82px}.current-time{display:none}.appointment-detail{grid-column:auto}.app-layout{display:block}.admin-sidebar{display:none}.app-main{padding:var(--mbs-space-8) var(--mbs-gutter-mobile) 6.5rem}.bottom-nav{height:68px;position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgb(13 14 15/.98);border-top:1px solid var(--mbs-border)}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;align-content:center;grid-gap:2px;gap:2px;color:var(--mbs-text-muted);font-size:.68rem;background:transparent;border:0}.bottom-nav a.active{color:var(--mbs-gold-300)}.bottom-nav svg{width:20px}.admin-mobile-menu{position:fixed;z-index:70;inset:0;display:flex;flex-direction:column;gap:var(--mbs-space-5);padding:var(--mbs-space-6);background:var(--mbs-overlay-scrim);-webkit-backdrop-filter:blur(var(--mbs-overlay-blur));backdrop-filter:blur(var(--mbs-overlay-blur))}.admin-mobile-menu>.icon-button{align-self:end}.admin-mobile-menu>a{color:var(--mbs-text);text-align:center}.metric-grid{display:flex;overflow-x:auto;margin-inline:calc(-1 * var(--mbs-gutter-mobile));padding-inline:var(--mbs-gutter-mobile)}.metric-card{min-width:170px}.filter-row{flex-direction:column}.search-field input{min-width:0}.admin-calendar,.calendar-selection{display:none}.admin-appointment-list--mobile{display:block}.admin-appointment-list>article{grid-template-columns:52px 1fr auto;gap:var(--mbs-space-3);padding:var(--mbs-space-4)}.admin-appointment-list>article>:last-child,.admin-appointment-list>article>:nth-child(4){display:none}.admin-appointment-list>article .status{grid-column:2}.service-table{grid-template-columns:1fr;padding:var(--mbs-space-3)}.service-table>article{min-height:250px}.drawer-backdrop{place-items:stretch}.edit-drawer{width:100%;padding:var(--mbs-space-5);border:0}.field-row{grid-template-columns:1fr;gap:0}.user-table>article{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--mbs-space-3);padding:var(--mbs-space-4)}.permission-dropdown,.role-selector,.user-permission-count,.user-roles{grid-column:2}.permission-dropdown>div{width:100%;position:static;margin-top:var(--mbs-space-2)}.user-table>article>.button{grid-column:1/-1;width:100%}.edit-drawer footer{position:-webkit-sticky;position:sticky;bottom:0;padding-block:var(--mbs-space-4);background:var(--mbs-surface-raised)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}