:root{--bg:#0b0b0b;--panel:#151515;--panel-2:#1e1e1e;--line:#2c2c2c;--text:#f7f5ef;--muted:#a8a59e;--gold:#c8a66a;--gold-dark:#a98954;--danger:#d96767;--success:#72b889;--shadow:0 24px 80px #00000059}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{color:var(--text);background:radial-gradient(circle at 20% 0,#211b13 0,#0b0b0b 35%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{width:min(980px,100% - 32px);margin:0 auto;padding:28px 0 48px}.brand-header,.admin-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.brand-header h1{letter-spacing:.12em;margin:0;font-size:clamp(34px,7vw,58px);line-height:.95}.brand-subtitle{color:var(--muted);letter-spacing:.28em;font-size:11px;font-weight:700}.eyebrow{color:var(--gold);letter-spacing:.15em;margin:0 0 10px;font-size:11px;font-weight:800}.admin-link{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:10px 14px;font-size:13px}.hero-copy{max-width:680px;margin:72px 0 28px}.hero-copy h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(36px,7vw,68px);line-height:1}.hero-copy>p:last-child,.section-heading p,.login-card>p,.admin-header p{color:var(--muted);line-height:1.6}.booking-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#151515f5;border-radius:24px;min-height:360px;padding:clamp(18px,4vw,34px)}.progress-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:30px;display:grid}.progress-item{color:#666;border-top:2px solid #333;gap:5px;padding-top:8px;display:grid}.progress-item.active{color:var(--text);border-color:var(--gold)}.progress-item span{font-size:11px;font-weight:800}.progress-item small{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.section-heading{margin-bottom:22px}.section-heading h3,.success-state h3{margin:0 0 7px;font-size:clamp(25px,4vw,34px)}.choice-list{gap:10px;display:grid}.choice-card{text-align:left;background:var(--panel-2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:15px;justify-content:space-between;align-items:center;gap:16px;padding:18px;transition:all .16s;display:flex}.choice-card:hover{border-color:var(--gold);transform:translateY(-1px)}.choice-card span{gap:5px;display:grid}.choice-card small{color:var(--muted)}.choice-card b{color:var(--gold);font-size:18px}.back-button{color:var(--muted);background:0 0;border:0;margin-bottom:22px;padding:0}.back-button:hover{color:var(--text)}.field-label{color:#d8d5cf;gap:7px;font-size:13px;font-weight:700;display:grid}.field-label small{color:var(--muted);font-weight:400}.field-input,.compact-date{border:1px solid var(--line);width:100%;color:var(--text);background:#101010;border-radius:11px;outline:none;padding:13px 14px}.field-input:focus,.compact-date:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c8a66a1f}.date-input{max-width:360px;margin-bottom:18px}.form-grid{gap:15px;display:grid}.primary-button,.ghost-button,.danger-button{border:1px solid #0000;border-radius:11px;padding:12px 16px;font-weight:800}.primary-button{background:var(--gold);color:#15110b}.primary-button:hover{background:#d5b577}.primary-button:disabled{opacity:.55;cursor:not-allowed}.ghost-button{color:var(--text);border-color:var(--line);background:#171717}.ghost-button:hover{border-color:#555}.danger-button{color:#f19b9b;background:#d967671f;border-color:#d9676759}.full{width:100%;margin-top:18px}.time-grid{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:9px;display:grid}.time-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:11px;gap:3px;padding:13px 10px;display:grid}.time-chip small{color:var(--muted);font-size:10px}.time-chip:hover,.time-chip.selected{border-color:var(--gold);background:#241e14}.compact-times{margin-top:14px}.summary-strip{border:1px solid var(--line);background:#10100f;border-radius:12px;flex-wrap:wrap;gap:8px 18px;margin-bottom:18px;padding:14px;display:flex}.summary-strip span{color:var(--muted)}.error-banner,.success-banner,.empty-state{border-radius:11px;margin-bottom:16px;padding:12px 14px;font-size:13px}.error-banner{color:#f1b1b1;background:#d967671c;border:1px solid #d967674d}.success-banner{color:#a6d6b5;background:#72b8891f;border:1px solid #72b8894d}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:28px}.success-state{text-align:center;padding:20px 0}.success-mark{color:#9cd0ad;background:#72b88924;border:1px solid #72b88966;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:30px;display:grid}.confirmation-card{border:1px solid var(--line);text-align:left;background:#101010;border-radius:15px;max-width:520px;margin:24px auto;overflow:hidden}.confirmation-card div,.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 15px;display:flex}.confirmation-card div:last-child,.detail-list div:last-child{border-bottom:0}.confirmation-card span,.detail-list span{color:var(--muted)}.confirmation-id{color:var(--muted);margin-bottom:18px;display:block}.footer{text-align:center;color:#777;gap:8px;margin-top:28px;font-size:12px;display:grid}.footer p{margin:0;line-height:1.6}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.footer-links a{color:#aaa69d;transition:color .16s}.footer-links a:hover{color:var(--gold)}.login-back-link{color:var(--muted);text-align:center;font-size:13px}.login-back-link:hover{color:var(--text)}.honeypot{opacity:0;pointer-events:none;position:absolute;left:-9999px}.skeleton{background:linear-gradient(90deg,#191919,#242424,#191919) 0 0/200% 100%;border-radius:12px;animation:1.3s infinite shimmer}.skeleton.tall{height:300px}.skeleton.medium{height:130px}@keyframes shimmer{to{background-position:-200% 0}}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:20px;gap:18px;padding:30px;display:grid}.login-card h1{margin:0;font-size:32px}.login-card label{gap:7px;display:grid}.login-card input{border:1px solid var(--line);color:var(--text);background:#0f0f0f;border-radius:10px;padding:13px}.admin-shell{width:min(1500px,100% - 28px);margin:0 auto;padding:24px 0 50px}.admin-header{margin-bottom:22px}.admin-header h1{margin:0;font-size:clamp(25px,4vw,40px)}.schedule-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.date-nav{flex-wrap:wrap;gap:8px;display:flex}.compact-date{width:auto;min-width:145px;padding:10px}.schedule-scroll{border:1px solid var(--line);box-shadow:var(--shadow);background:#101010;border-radius:16px;overflow-x:auto}.schedule-grid{min-width:900px;display:grid;position:relative}.schedule-corner,.barber-heading{z-index:6;border-bottom:1px solid var(--line);text-align:center;background:#181818;padding:14px 10px;font-weight:800;position:sticky;top:0}.schedule-corner{z-index:8;color:var(--muted);font-size:12px;left:0}.time-axis{border-right:1px solid var(--line);z-index:5;background:#111;position:sticky;left:0}.time-axis span{color:#777;font-size:10px;position:absolute;right:8px;transform:translateY(-7px)}.barber-column{border-right:1px solid var(--line);background-image:linear-gradient(#ffffff0e 1px,#0000 1px);position:relative}.appointment-block{text-align:left;border:1px solid #c8a66a8c;border-left:4px solid var(--gold);color:var(--text);z-index:2;background:linear-gradient(#31291c,#241e16);border-radius:8px;align-content:center;gap:2px;padding:5px 8px;transition:border-color .14s,transform .14s,filter .14s;display:grid;position:absolute;left:5px;right:5px;overflow:hidden;box-shadow:0 2px 8px #0000003d}.appointment-block:hover{filter:brightness(1.08);z-index:3;border-color:#c8a66ae6}.appointment-block strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.15;overflow:hidden}.appointment-block span{color:#ded4c4;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.15;overflow:hidden}.appointment-block-short{align-content:center;padding-top:3px;padding-bottom:3px}.appointment-block.status-completed{border-left-color:var(--success);background:#17231b}.appointment-block.status-no_show{border-left-color:var(--danger);background:#281919}.modal-backdrop{z-index:100;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#171717;border:1px solid #343434;border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 36px);padding:22px;overflow-y:auto;box-shadow:0 30px 100px #000000a6}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--text);background:#111;border-radius:50%;font-size:22px}.detail-list{border:1px solid var(--line);border-radius:12px;margin-bottom:16px;overflow:hidden}.detail-list strong{text-align:right}.action-row{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:640px){.site-shell{width:min(100% - 20px,980px);padding-top:18px}.hero-copy{margin-top:48px}.booking-card{border-radius:18px;padding:16px}.progress-item small{display:none}.progress-row{margin-bottom:22px}.schedule-toolbar,.admin-header{flex-direction:column;align-items:stretch}.schedule-toolbar>.primary-button{width:100%}.date-nav .ghost-button{flex:1}.modal-card{padding:16px}.confirmation-card div,.detail-list div{flex-direction:column;align-items:flex-start;gap:4px}.detail-list strong{text-align:left}.footer-links{gap:6px}.footer{padding:0 8px}}.customer-header-actions,.account-actions,.success-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customer-header-name,.account-welcome{color:var(--muted);font-size:13px}.account-link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.customer-account-shell{max-width:920px}.account-header{margin-bottom:42px}.account-section{margin-top:34px}.account-section h2{margin:0;font-size:clamp(27px,4vw,38px)}.appointment-list{gap:12px;display:grid}.customer-appointment-card{border:1px solid var(--line);border-left:4px solid var(--gold);background:#151515f5;border-radius:16px;grid-template-columns:minmax(190px,1.1fr) minmax(220px,2fr) auto;align-items:center;gap:20px;padding:18px 20px;display:grid;box-shadow:0 14px 36px #0000002e}.customer-appointment-card.is-cancelled{opacity:.65;border-left-color:var(--danger)}.customer-appointment-date{gap:5px;display:grid}.customer-appointment-date span{color:var(--muted);font-size:12px}.customer-appointment-date strong{font-size:20px}.customer-appointment-main h3{margin:0 0 5px;font-size:18px}.customer-appointment-main p,.customer-appointment-main small{color:var(--muted);margin:0}.appointment-status{border:1px solid var(--line);text-transform:capitalize;white-space:nowrap;border-radius:999px;justify-self:end;padding:7px 10px;font-size:11px;font-weight:800}.status-pill-confirmed,.status-pill-pending{color:#e8d4aa;background:#c8a66a17;border-color:#c8a66a66}.status-pill-completed{color:#a6d6b5;background:#72b88917;border-color:#72b88959}.status-pill-cancelled,.status-pill-no_show{color:#efaaaa;background:#d9676717;border-color:#d9676759}.account-history{margin-top:52px}.appointment-list-history .customer-appointment-card{box-shadow:none}.empty-state-action{margin-top:16px}.review-card{max-width:none;margin:0 0 18px}.success-actions{justify-content:center;margin-top:14px}@media (max-width:760px){.brand-header{flex-direction:column;align-items:stretch}.customer-header-actions,.account-actions,.customer-header-name{width:100%}.customer-header-actions .ghost-button,.account-actions .ghost-button,.account-actions form{flex:1}.account-actions form .ghost-button{width:100%}.customer-appointment-card{grid-template-columns:1fr;gap:10px;padding:16px}.appointment-status{justify-self:start}}.customer-appointment-side{justify-items:end;gap:10px;display:grid}.customer-appointment-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.small-action-button{padding:8px 10px;font-size:12px}.inline-appointment-error{color:#f1b1b1;margin-top:8px;font-size:12px;line-height:1.4}.reschedule-summary{border:1px solid var(--line);background:#101010;border-radius:12px;gap:5px;margin-bottom:16px;padding:14px;display:grid}.reschedule-summary span,.reschedule-summary small{color:var(--muted)}@media (max-width:760px){.customer-appointment-side{justify-items:start}.customer-appointment-actions{justify-content:flex-start;width:100%}.customer-appointment-actions .small-action-button{flex:1}}.group-progress{grid-template-columns:repeat(6,1fr)}.person-progress-banner{color:#e7d7b8;text-align:center;background:#c8a66a12;border:1px solid #c8a66a47;border-radius:10px;margin:-8px 0 18px;padding:10px 12px;font-size:12px;font-weight:800}.party-counter{border:1px solid var(--line);background:#101010;border-radius:18px;grid-template-columns:64px 1fr 64px;align-items:center;gap:18px;max-width:420px;margin:6px auto 24px;padding:20px;display:grid}.party-counter-button{border:1px solid var(--gold);background:var(--panel-2);width:58px;height:58px;color:var(--gold);border-radius:50%;font-size:28px;line-height:1}.party-counter-button:disabled{opacity:.3;cursor:not-allowed}.party-counter-value{justify-items:center;gap:3px;display:grid}.party-counter-value strong{font-size:44px;line-height:1}.party-counter-value span{color:var(--muted);font-size:12px}.group-names{gap:14px;margin:20px 0;display:grid}.group-name-primary{border:1px solid var(--line);background:#101010;border-radius:12px;gap:4px;padding:14px;display:grid}.group-name-primary span,.group-review-heading span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.group-review-list{gap:12px;margin:18px 0;display:grid}.group-review-card{border:1px solid var(--line);background:#101010;border-radius:14px;padding:14px}.group-review-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.group-review-heading>div{gap:3px;display:grid}.group-review-details{color:#d8d3ca;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:10px;font-size:12px;display:grid}.group-edit-button{margin:0}.success-group-list{text-align:left;max-width:680px;margin-left:auto;margin-right:auto}@media (max-width:640px){.group-progress{grid-template-columns:repeat(6,1fr)}.party-counter{grid-template-columns:54px 1fr 54px;gap:10px;padding:16px}.party-counter-button{width:50px;height:50px}.group-review-details{grid-template-columns:1fr;gap:5px}}.barber-shell{max-width:1050px}.barber-date-nav{flex-wrap:wrap;gap:8px;margin:18px 0 10px;display:flex}.barber-appointment-list{gap:12px;display:grid}.barber-appointment-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;grid-template-columns:120px minmax(220px,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid;box-shadow:0 14px 34px #0000002e}.barber-appointment-time{gap:4px;display:grid}.barber-appointment-time strong{color:var(--gold);font-size:22px}.barber-appointment-time span{color:var(--muted);font-size:12px}.barber-appointment-info{gap:4px;display:grid}.barber-appointment-info h3,.barber-appointment-info p{margin:0}.barber-appointment-info h3{font-size:18px}.barber-appointment-info p,.barber-appointment-info a,.barber-appointment-info small{color:var(--muted)}.barber-appointment-info a:hover{color:var(--gold)}.barber-appointment-actions{justify-items:end;gap:10px;display:grid}.barber-status-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:720px){.barber-appointment-card{grid-template-columns:1fr;gap:10px}.barber-appointment-actions{justify-items:start}.barber-status-buttons{justify-content:flex-start;width:100%}.barber-status-buttons button{flex:1}}.barber-schedule-list,.time-off-list{gap:10px;display:grid}.barber-schedule-day{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(220px,1.3fr) minmax(180px,1fr) auto;align-items:center;gap:18px;padding:15px 17px;display:grid}.barber-schedule-day>div:first-child,.barber-schedule-hours{gap:4px;display:grid}.barber-schedule-day>div:first-child span,.barber-schedule-hours small{color:var(--muted);font-size:11px}.barber-schedule-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.day-off-label{color:#efaaaa}.schedule-working-toggle{align-items:center;gap:10px;margin-bottom:16px;font-weight:800;display:flex}.schedule-working-toggle input{width:18px;height:18px;accent-color:var(--gold)}.schedule-time-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.time-off-toolbar{justify-content:flex-end;margin-bottom:14px;display:flex}.time-off-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.time-off-date,.time-off-reason{gap:4px;display:grid}.time-off-date span,.time-off-reason span{color:var(--muted);font-size:11px}@media (max-width:720px){.barber-schedule-day,.time-off-card{grid-template-columns:1fr;gap:10px}.barber-schedule-actions{justify-content:flex-start}.schedule-time-row{grid-template-columns:1fr}.time-off-toolbar .primary-button{width:100%}}.admin-nav{border:1px solid var(--line);background:#101010;border-radius:14px;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:6px;display:flex}.admin-nav-link{color:var(--muted);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:800}.admin-nav-link:hover,.admin-nav-link.active{color:#17110a;background:var(--gold)}.admin-range-tabs{gap:8px;margin-bottom:20px;display:flex}.admin-range-tab{border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:800}.admin-range-tab.active{color:#17110a;border-color:var(--gold);background:var(--gold)}.admin-stat-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-stat-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:6px;padding:18px;display:grid}.admin-stat-card strong{font-size:28px}.admin-stat-card span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.admin-stat-card.danger strong{color:#f09292}.admin-stat-card.warning strong{color:#e5bd70}.admin-revenue-grid{grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:26px;display:grid}.admin-revenue-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;gap:6px;padding:20px;display:grid}.admin-revenue-card.primary{background:linear-gradient(145deg, #c8a66a17, var(--panel));border-color:#c8a66a61}.admin-revenue-card span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.admin-revenue-card strong{color:var(--gold);font-size:clamp(25px,4vw,38px)}.admin-barber-stats{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;display:grid}.admin-barber-stat-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:17px}.admin-barber-stat-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.admin-barber-stat-heading h3{margin:0}.admin-barber-stat-heading small{color:var(--muted)}.admin-barber-stat-heading>strong{color:var(--gold)}.admin-barber-stat-numbers{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px;padding-top:14px;display:grid}.admin-barber-stat-numbers div{gap:3px;display:grid}.admin-barber-stat-numbers span,.admin-booked-value span{color:var(--muted);text-transform:uppercase;font-size:9px}.admin-booked-value{border-top:1px solid var(--line);justify-content:space-between;margin-top:14px;padding-top:12px;display:flex}.admin-search-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.admin-search-row .field-input{max-width:520px}.admin-search-row>span{color:var(--muted);white-space:nowrap;font-size:12px}.admin-customer-list{gap:10px;display:grid}.admin-customer-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(230px,1.4fr) minmax(300px,1fr) auto;align-items:center;gap:18px;padding:16px 18px;display:grid}.admin-customer-main{gap:4px;display:grid}.admin-customer-name-row{align-items:center;gap:8px;display:flex}.admin-customer-name-row h3{margin:0}.admin-customer-main a{color:var(--muted);font-size:12px}.customer-state,.staff-state{text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.customer-state.active,.staff-state.active{color:#a6d6b5;background:#72b8891a}.customer-state.blocked,.staff-state.inactive{color:#efaaaa;background:#d967671a}.admin-customer-counts{grid-template-columns:70px 80px minmax(120px,1fr);gap:10px;display:grid}.admin-customer-counts>div{gap:3px;display:grid}.admin-customer-counts span{color:var(--muted);text-transform:uppercase;font-size:9px}.admin-customer-next strong{font-size:11px}.admin-customer-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.admin-customer-profile-card,.admin-staff-edit-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:22px;padding:20px}.admin-customer-profile-card{grid-template-columns:1fr auto;align-items:start;gap:20px;display:grid}.admin-customer-profile-main{grid-template-columns:repeat(3,minmax(150px,1fr));gap:16px;display:grid}.admin-customer-profile-main div{gap:4px;display:grid}.admin-customer-profile-main span,.admin-customer-history-card span{color:var(--muted);text-transform:uppercase;font-size:10px}.text-danger{color:#efaaaa}.text-success{color:#a6d6b5}.admin-customer-history-list{gap:9px;display:grid}.admin-customer-history-card{border:1px solid var(--line);background:#111;border-radius:12px;grid-template-columns:minmax(220px,1.5fr) minmax(140px,1fr) minmax(140px,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.admin-customer-history-card>div:not(.appointment-status){gap:3px;display:grid}.admin-customer-history-card small{color:var(--muted)}.admin-staff-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px;display:grid}.admin-staff-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;gap:18px;padding:18px;transition:border-color .15s,transform .15s;display:grid}.admin-staff-card:hover{border-color:var(--gold);transform:translateY(-1px)}.admin-staff-card h3{margin:0 0 7px;font-size:20px}.admin-staff-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.admin-staff-meta strong{color:var(--gold)}.admin-staff-quick-actions{gap:8px;margin-top:18px;margin-bottom:18px;display:flex}.admin-staff-edit-card{max-width:720px}.admin-service-toggle-list{gap:8px;display:grid}.admin-service-toggle-card{border:1px solid var(--line);background:#111;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.admin-service-toggle-card>div{gap:3px;display:grid}.admin-service-toggle-card span{color:var(--muted);font-size:11px}.info-note{color:#d8c6a4;background:#c8a66a0f;border:1px solid #c8a66a40;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}@media (max-width:900px){.admin-stat-grid{grid-template-columns:repeat(3,1fr)}.admin-customer-card,.admin-customer-history-card{grid-template-columns:1fr}.admin-customer-actions{justify-content:flex-start}.admin-customer-profile-card{grid-template-columns:1fr}.admin-customer-profile-main{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.admin-stat-grid,.admin-revenue-grid,.admin-customer-profile-main{grid-template-columns:1fr 1fr}.admin-barber-stat-numbers{grid-template-columns:repeat(3,1fr);row-gap:12px}.admin-search-row{flex-direction:column;align-items:stretch}.admin-search-row .field-input{max-width:none}.admin-staff-quick-actions{flex-direction:column}.admin-service-toggle-card{flex-direction:column;align-items:stretch}}.admin-appointment-filters{border:1px solid var(--line);background:#101010;border-radius:14px;grid-template-columns:180px minmax(190px,1fr) minmax(180px,1fr) auto;align-items:end;gap:10px;margin-bottom:18px;padding:14px;display:grid}.admin-appointment-list{gap:9px;display:grid}.admin-appointment-row{border:1px solid var(--line);background:var(--panel);border-radius:13px;grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) minmax(180px,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.admin-appointment-time,.admin-appointment-person,.admin-appointment-service{gap:3px;display:grid}.admin-appointment-time span,.admin-appointment-person span,.admin-appointment-person a,.admin-appointment-service span,.admin-appointment-service small{color:var(--muted);font-size:11px}.admin-appointment-person a:hover{color:var(--gold)}.admin-appointment-list-actions{justify-items:end;gap:8px;display:grid}.admin-appointment-list-actions>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}@media (max-width:900px){.admin-appointment-filters,.admin-appointment-row{grid-template-columns:1fr 1fr}.admin-appointment-list-actions{justify-items:start}.admin-appointment-list-actions>div{justify-content:flex-start}}@media (max-width:640px){.admin-appointment-filters,.admin-appointment-row{grid-template-columns:1fr}.admin-appointment-filters .primary-button{width:100%}}.calendar-break-block{z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,#7f7f7f1a,#7f7f7f1a 7px,#7f7f7f2e 7px 14px);border:1px dashed;border-radius:10px;padding:5px 8px;position:absolute;left:6px;right:6px;overflow:hidden}.calendar-break-block strong,.calendar-break-block span{display:block}.calendar-break-block span{margin-top:2px;font-size:.75rem}.weekly-schedule-editor{gap:16px;display:grid}.weekly-schedule-list{gap:10px;display:grid}.weekly-schedule-day{border:1px solid var(--line);background:var(--panel);border-radius:14px;grid-template-columns:minmax(130px,.8fr) minmax(110px,.65fr) minmax(300px,1.7fr) auto;align-items:end;gap:14px;padding:16px;transition:border-color .15s,opacity .15s;display:grid}.weekly-schedule-day.is-off{background:#111}.weekly-day-heading{align-self:center;gap:4px;display:grid}.weekly-day-heading strong{font-size:16px}.weekly-day-heading span{color:var(--muted);font-size:11px}.schedule-status-button{border:1px solid var(--line);border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:10px 13px;font-weight:800;display:inline-flex}.schedule-status-button.is-working{color:#a6d6b5;background:#72b8891a;border-color:#72b88959}.schedule-status-button.is-off{color:#efaaaa;background:#d9676714;border-color:#d967674d}.schedule-status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.weekly-time-controls{grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;display:grid}.schedule-time-separator{color:var(--muted);padding-bottom:13px;font-size:12px}.schedule-time-input{min-height:45px}.schedule-time-input:disabled{opacity:.35;cursor:not-allowed}.weekly-save-button{white-space:nowrap;min-height:45px}.schedule-help-note{margin-top:2px}@media (max-width:850px){.weekly-schedule-day{grid-template-columns:1fr 1fr;align-items:end}.weekly-time-controls{grid-column:1/-1}.weekly-save-button{grid-column:1/-1;width:100%}}@media (max-width:520px){.weekly-schedule-day{grid-template-columns:1fr;gap:11px}.schedule-status-button,.weekly-time-controls,.weekly-save-button{grid-column:1}.weekly-time-controls{grid-template-columns:1fr}.schedule-time-separator{display:none}.schedule-time-input{font-size:16px}}
:root{--bg:#f4f1ea;--panel:#fffdf8;--panel-2:#f7f3eb;--line:#d3ccc0;--text:#292620;--muted:#625d55;--gold:#6b4f2a;--gold-dark:#513a1e;--danger:#963b3b;--success:#2f644a;--focus:#1457a6;--primary-bg:#6b4f2a;--primary-text:#fffdf8;--shadow:0 8px 28px #362b1e14}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:linear-gradient(180deg,#f8f5ef 0%,var(--bg) 100%);color:var(--text);font-size:16px;line-height:1.55}::selection{color:#221b12;background:#d8c29e}.skip-link{z-index:1000;background:var(--text);color:var(--panel);border-radius:8px;padding:10px 14px;font-weight:800;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,input,select,textarea{min-height:44px}button,[role=button]{touch-action:manipulation}p,li{max-width:75ch}.eyebrow{color:var(--gold);letter-spacing:.08em;font-size:12px}.brand-header h1{letter-spacing:.08em;font-size:clamp(34px,5vw,48px)}.brand-subtitle{letter-spacing:.18em;font-size:12px}.hero-copy{margin:48px 0 24px}.hero-copy h2{letter-spacing:-.025em;max-width:720px;font-size:clamp(34px,5vw,54px);font-weight:780;line-height:1.08}.hero-copy>p:last-child,.section-heading p,.login-card>p,.admin-header p,.customer-header-name,.account-welcome{color:var(--muted);font-size:15px}.booking-card,.login-card,.customer-appointment-card,.barber-appointment-card,.admin-stat-card,.admin-revenue-card,.admin-barber-stat-card,.admin-customer-card,.admin-customer-profile-card,.admin-staff-edit-card,.admin-staff-card,.admin-service-toggle-card,.admin-appointment-row,.barber-schedule-day,.time-off-card,.group-review-card,.group-name-primary,.party-counter,.reschedule-summary,.confirmation-card,.summary-strip,.admin-nav,.admin-appointment-filters,.detail-list{background:var(--panel);border-color:var(--line);color:var(--text)}.booking-card,.login-card,.modal-card{box-shadow:var(--shadow);border-radius:14px}.choice-card,.time-chip,.ghost-button,.field-input,.compact-date,.login-card input,.icon-button{background:var(--panel);border-color:var(--line);color:var(--text)}.choice-card{border-radius:10px;padding:16px;transition:border-color .12s,background .12s}.choice-card:hover,.time-chip:hover,.time-chip.selected,.ghost-button:hover{filter:none;background:var(--panel-2);border-color:#9b8d78;transform:none}.choice-card small,.time-chip small,.field-label small,.confirmation-card span,.detail-list span,.group-review-heading span,.group-review-details,.party-counter-value span,.group-name-primary span,.footer,.footer-links a,.login-back-link,.back-button{color:var(--muted)}.choice-card b{color:var(--gold)}.field-label{color:var(--text);font-size:14px}.field-input,.compact-date,.login-card input{background:#fff;border-radius:9px;min-height:48px;padding:12px 14px}.field-input:focus,.compact-date:focus,.login-card input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #1457a624}.primary-button,.ghost-button,.danger-button{border-radius:9px;min-height:46px;font-weight:750}.primary-button{background:var(--primary-bg);color:var(--primary-text)}.primary-button:hover{background:var(--gold-dark)}.ghost-button{background:var(--panel);color:var(--text);border-color:var(--line)}.danger-button{color:#7c2f2f;background:#fff7f6;border-color:#d9a9a5}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.time-chip:disabled,.choice-card:disabled{opacity:.58;cursor:not-allowed}.back-button{min-height:44px;padding:8px 4px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.back-button:hover{color:var(--text);text-decoration-color:currentColor}.progress-item{color:#7a746b;border-color:#cfc7ba}.progress-item.active{color:var(--text);border-color:var(--gold)}.progress-item span,.progress-item small{font-size:12px}.person-progress-banner,.info-note{color:#4d3c25;background:#f7f0e3;border-color:#c6b08c}.error-banner,.inline-appointment-error{color:#742d2d}.error-banner{background:#fff5f4;border-color:#d8a5a1}.success-banner{color:#26563f;background:#f0f8f3;border-color:#a7cdb7}.empty-state{color:var(--muted);background:var(--panel)}.status-pill-confirmed,.status-pill-pending{color:#5e4526;background:#faf1df;border-color:#b99a6a}.status-pill-completed{color:#28573f;background:#eef7f1;border-color:#91b8a0}.status-pill-cancelled,.status-pill-no_show{color:#7b3030;background:#fff4f3;border-color:#d5a19e}.modal-backdrop{background:#28241e7a}.modal-card{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:0 18px 60px #2d251c2e}.icon-button{width:44px;height:44px}.schedule-scroll{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.schedule-corner,.barber-heading{color:var(--text);border-color:var(--line);background:#eee9df}.time-axis{border-color:var(--line);background:#f8f6f1}.time-axis span{color:#6e675e;font-size:11px}.barber-column{border-color:var(--line);background-color:#fffdf9;background-image:linear-gradient(#4e433417 1px,#0000 1px)}.appointment-block{color:#fff;box-shadow:none}.appointment-block strong{color:#fff}.appointment-block:hover{filter:none;background:#e9dac3;border-color:#80603a}.appointment-block span{color:#5e5140}.appointment-block.status-completed{background:#e8f2eb}.appointment-block.status-no_show{background:#f8e9e7}.admin-nav-link{color:var(--muted);border-radius:8px}.admin-nav-link:hover,.admin-nav-link.active{color:var(--primary-text);background:var(--primary-bg)}.customer-state.active,.staff-state.active{color:#28573f;background:#eef7f1}.customer-state.blocked,.staff-state.inactive{color:#7b3030;background:#fff4f3}.skeleton{background:linear-gradient(90deg,#eee9df,#f7f4ee,#eee9df) 0 0/200% 100%}.footer{font-size:13px}.secondary-link{font-size:12px}.accessibility-page{width:min(760px,100% - 32px);margin:0 auto;padding:56px 0 72px}.accessibility-page h1{margin:0 0 16px;font-size:clamp(34px,6vw,52px)}.accessibility-page h2{margin:32px 0 10px;font-size:24px}.accessibility-page p,.accessibility-page li{color:var(--muted);font-size:16px;line-height:1.7}.accessibility-page a:not(.primary-button){color:var(--gold);text-decoration:underline}.accessibility-lead{font-size:18px!important}.accessibility-back{margin-top:24px}@media (max-width:640px){.site-shell,.admin-shell{width:min(100% - 24px,980px)}.hero-copy{margin-top:34px}.progress-row{gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.progress-item{min-width:76px}.progress-item small{white-space:normal;text-overflow:clip;display:block;overflow:visible}.booking-card,.login-card,.modal-card{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:#746c61;--muted:#423d36}.booking-card,.login-card,.choice-card,.time-chip,.field-input,.compact-date,.ghost-button,.customer-appointment-card,.barber-appointment-card,.admin-customer-card,.admin-appointment-row{border-width:2px}}@media (forced-colors:active){.appointment-block{border:2px solid buttontext}}@media (prefers-color-scheme:dark){:root{--bg:#1d1c19;--panel:#272521;--panel-2:#302d28;--line:#514c44;--text:#f1ede5;--muted:#c2baad;--gold:#d0ad76;--gold-dark:#b9915a;--danger:#e08a85;--success:#80bc98;--focus:#8fc8ff;--primary-bg:#d0ad76;--primary-text:#211a12;--shadow:0 10px 32px #00000038}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:linear-gradient(180deg,#24211d 0%,var(--bg) 100%)}.field-input,.compact-date,.login-card input,.choice-card,.time-chip,.ghost-button,.barber-column{background:var(--panel)}.person-progress-banner,.info-note{color:#ead7b7;background:#352d23;border-color:#705a3d}.error-banner,.danger-button{color:#f1b5b1;background:#3b2423;border-color:#774744}.success-banner{color:#b4dec1;background:#21372a;border-color:#476d55}.status-pill-confirmed,.status-pill-pending{color:#eed7aa;background:#382f22;border-color:#806a47}.status-pill-completed{color:#b9dfc5;background:#21352a;border-color:#4f745d}.status-pill-cancelled,.status-pill-no_show{color:#f0b8b3;background:#3a2423;border-color:#774744}.schedule-corner,.barber-heading{background:#302e29}.time-axis{background:#24231f}.barber-column{background-color:#24231f;background-image:linear-gradient(#ffffff14 1px,#0000 1px)}.appointment-block{color:#f1ede5;background:#3a3024;border-color:#a47c48}.appointment-block span{color:#dccdb8}.appointment-block.status-completed{background:#23362b}.appointment-block.status-no_show{background:#402726}.skeleton{background:linear-gradient(90deg,#302e29,#39362f,#302e29) 0 0/200% 100%}}.login-choice-card{width:min(760px,100%)}.login-choice-card>h1{max-width:620px}.login-role-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.login-role-card{border:1px solid var(--line);background:var(--panel);min-height:132px;color:var(--text);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.login-role-card:hover{background:var(--panel-2);border-color:#9b8d78}.login-role-card strong{margin-bottom:4px;font-size:19px;display:block}.login-role-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.login-role-icon{border:1px solid var(--line);background:var(--panel-2);width:42px;height:42px;color:var(--gold);border-radius:50%;place-items:center;font-weight:900;display:grid}.login-role-card.admin .login-role-icon{color:var(--text)}.login-role-secondary{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;display:flex}.login-role-secondary a{color:var(--gold);text-underline-offset:3px;font-weight:800;text-decoration:underline}.overview-kpi-grid,.analytics-kpi-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.overview-kpi,.analytics-kpi{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:6px;min-height:104px;padding:16px;display:grid}.overview-kpi span,.analytics-kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.overview-kpi strong,.analytics-kpi strong{font-size:clamp(22px,3vw,30px);line-height:1.1}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.overview-panel,.analytics-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;margin:0;padding:18px}.overview-panel .section-heading{margin-bottom:16px}.overview-week-bars{gap:12px;display:grid}.overview-week-row{grid-template-columns:96px 1fr 28px;align-items:center;gap:10px;display:grid}.overview-week-row>span{color:var(--muted);font-size:12px}.overview-week-row>strong{text-align:right}.overview-quick-links{gap:8px;display:grid}.overview-quick-links a{border:1px solid var(--line);background:var(--panel-2);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:11px 13px;font-weight:750;display:flex}.overview-quick-links a:hover{border-color:#9b8d78}.analytics-dashboard{gap:14px;display:grid}.analytics-two-column{grid-template-columns:1fr 1fr;gap:14px;display:grid}.analytics-card figcaption{gap:3px;margin-bottom:16px;display:grid}.analytics-card figcaption strong{font-size:18px}.analytics-card figcaption span{color:var(--muted);font-size:12px}.analytics-chart-scroll{padding-bottom:4px;overflow-x:auto}.analytics-bars{align-items:end;gap:7px;min-width:min(100%,540px);height:230px;padding-top:18px;display:flex}.analytics-bar-column{text-align:center;flex:1;grid-template-rows:22px 1fr 28px;gap:5px;min-width:22px;height:100%;display:grid}.analytics-bar-value{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.analytics-bar-track{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top, transparent 0, transparent 24%, color-mix(in srgb, var(--line) 60%, transparent) 25%);align-items:end;min-height:130px;display:flex}.analytics-bar-fill{background:var(--gold);border-radius:5px 5px 2px 2px;width:100%;min-height:0}.analytics-bar-column small{color:var(--muted);font-size:9px;line-height:1.1}.analytics-status-list,.analytics-horizontal-list{gap:14px;display:grid}.analytics-status-row,.analytics-horizontal-row{gap:6px;display:grid}.analytics-status-label,.analytics-horizontal-label{justify-content:space-between;gap:12px;display:flex}.analytics-horizontal-label span,.analytics-status-label span{color:var(--muted);font-size:12px}.analytics-horizontal-label span{text-align:right}.analytics-meter{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;width:100%;height:10px;overflow:hidden}.analytics-meter-fill{border-radius:inherit;background:var(--gold);min-width:0;height:100%}.analytics-meter-fill.primary{background:var(--gold)}.analytics-meter-fill.active{background:#7d6a4b}.analytics-meter-fill.completed{background:var(--success)}.analytics-meter-fill.cancelled{background:var(--danger)}.analytics-meter-fill.no-show{background:#a66a26}@media (prefers-color-scheme:dark){.analytics-meter-fill.active{background:#c0a77e}.analytics-meter-fill.no-show{background:#d6a15c}}@media (max-width:900px){.overview-kpi-grid,.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.analytics-two-column{grid-template-columns:1fr}}@media (max-width:560px){.login-role-grid,.overview-kpi-grid,.analytics-kpi-grid{grid-template-columns:1fr}.login-role-card{min-height:110px;padding:15px}.analytics-card,.overview-panel{padding:15px}.analytics-bars{min-width:520px}}@media (prefers-contrast:more){.login-role-card,.overview-kpi,.analytics-kpi,.overview-panel,.analytics-card,.analytics-meter{border-width:2px}}.barber-nav{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:6px;display:flex}.barber-nav-link{color:var(--muted);border-radius:8px;padding:10px 14px;font-size:13px;font-weight:800}.barber-nav-link:hover,.barber-nav-link.active{background:var(--primary-bg);color:var(--primary-text)}.barber-summary-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin-bottom:18px;display:grid}.barber-summary-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:6px;min-height:96px;padding:15px;display:grid}.barber-summary-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.barber-summary-card strong{font-size:clamp(20px,3vw,28px);line-height:1.15}.login-role-grid-three{grid-template-columns:repeat(3,1fr)}.login-role-card.compact{grid-template-columns:auto 1fr auto;min-height:92px}.login-role-card.compact strong{margin:0}@media (max-width:760px){.barber-summary-grid{grid-template-columns:repeat(2,1fr)}.login-role-grid-three{grid-template-columns:1fr}}@media (max-width:460px){.barber-summary-grid{grid-template-columns:1fr}}.admin-nav{justify-content:space-between;align-items:center}.admin-nav-links{flex-wrap:wrap;gap:8px;display:flex}.admin-nav-logout{margin-left:auto}.admin-nav-signout{border:1px solid var(--line);background:0 0}.admin-nav-signout:hover{background:var(--panel-2);color:var(--text)}@media (max-width:760px){.admin-nav{flex-direction:column;align-items:stretch}.admin-nav-links{width:100%}.admin-nav-logout{margin-left:0}.admin-nav-signout{width:100%}}.settings-shell{padding-bottom:72px}.settings-customer-nav{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.settings-summary-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.settings-summary-card,.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:13px}.settings-summary-card{gap:7px;min-height:100px;padding:16px;display:grid}.settings-summary-card span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.settings-summary-card strong{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.settings-main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-card{padding:20px}.settings-card .section-heading{margin-bottom:18px}.settings-card .form-grid{gap:14px;display:grid}.settings-card>.primary-button{margin-top:16px}.settings-note{color:var(--muted);margin:14px 0 0;font-size:13px}.settings-session-card{justify-content:space-between;align-items:center;gap:18px;margin-top:14px;display:flex}.settings-session-card h2{margin:2px 0 3px}.settings-session-card p{color:var(--muted);margin:0;font-size:14px}@media (max-width:900px){.settings-summary-grid{grid-template-columns:repeat(2,1fr)}.settings-main-grid{grid-template-columns:1fr}}@media (max-width:560px){.settings-summary-grid{grid-template-columns:1fr}.settings-card{padding:16px}.settings-session-card{flex-direction:column;align-items:stretch}.settings-session-card .ghost-button{width:100%}}@media (prefers-contrast:more){.settings-summary-card,.settings-card{border-width:2px}}
:root{--bg:#f4f1eb;--surface:#fff;--surface-soft:#f8f6f2;--surface-strong:#ece8e1;--text:#18191b;--text-soft:#5f6268;--text-faint:#898d93;--line:#ded9d1;--line-strong:#cfc8bd;--accent:#a96f3e;--accent-soft:#f0e3d6;--accent-dark:#81502a;--danger:#aa4a46;--danger-soft:#f9ecea;--success:#347257;--success-soft:#eaf4ef;--shadow-sm:0 4px 16px #1c19140f;--shadow-md:0 12px 36px #1c191417;--radius-sm:10px;--radius-md:14px;--radius-lg:20px}html{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:var(--bg)!important}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;margin:0;background:radial-gradient(circle at 50% -10%, #a96f3e14, transparent 26%), linear-gradient(180deg, #f7f4ef 0%, var(--bg) 40%, #f2eee7 100%)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}::selection{color:#1b1713;background:#ead4be}button,input,select,textarea{font:inherit}button,a{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px!important;outline:3px solid #a96f3e47!important}.site-shell{width:min(1120px,100% - 40px)!important;padding:26px 0 54px!important}.admin-shell{width:min(1540px,100% - 32px)!important;padding:22px 0 54px!important}.brand-header,.admin-header{border-bottom:1px solid var(--line)!important;align-items:center!important;padding:8px 0 20px!important}.brand-header h1{color:var(--text)!important;letter-spacing:-.055em!important;text-shadow:none!important;margin:0!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(30px,5vw,46px)!important;font-weight:850!important;line-height:1!important}.brand-subtitle{color:var(--text-soft)!important;letter-spacing:.22em!important;margin:7px 0 0!important;font-size:10px!important;font-weight:750!important}.eyebrow{color:var(--accent)!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin:0 0 8px!important;font-size:10px!important;font-weight:800!important}.hero-copy{max-width:710px!important;margin:62px 0 30px!important}.hero-copy:before{display:none!important}.hero-copy h2,.admin-header h1,.account-section h2,.section-heading h2,.section-heading h3,.login-card h1,.modal-header h2,.success-state h3{color:var(--text)!important;letter-spacing:-.04em!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:760!important}.hero-copy h2{margin:0 0 16px!important;font-size:clamp(38px,6vw,64px)!important;line-height:1.02!important}.hero-copy>p:last-child,.section-heading p,.admin-header p,.login-card>p,.customer-header-name,.account-welcome{color:var(--text-soft)!important;line-height:1.65!important}.customer-header-actions,.account-actions,.success-actions{gap:8px!important}.admin-nav,.barber-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;background:#ffffffbd!important;border-radius:12px!important;margin:14px 0 24px!important;padding:5px!important;position:static!important}.admin-nav{justify-content:space-between!important;align-items:center!important;display:flex!important}.admin-nav-links,.barber-nav{gap:4px!important}.admin-nav-link,.barber-nav-link{min-height:38px!important;color:var(--text-soft)!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:700!important}.admin-nav-link:hover,.barber-nav-link:hover{color:var(--text)!important;background:var(--surface-soft)!important}.admin-nav-link.active,.barber-nav-link.active{color:#fff!important;background:var(--text)!important;border-color:var(--text)!important;box-shadow:none!important}.admin-nav-signout{border-color:#0000!important}.booking-card,.customer-appointment-card,.barber-appointment-card,.admin-staff-card,.overview-kpi,.barber-summary-card,.overview-panel,.analytics-card,.analytics-panel,.settings-card,.settings-summary-card,.group-review-card,.group-name-primary,.party-counter,.reschedule-summary,.confirmation-card,.summary-strip,.barber-schedule-day,.time-off-card,.admin-appointment-row,.admin-customer-card,.admin-customer-profile-card,.admin-staff-edit-card,.admin-service-toggle-card{border-color:var(--line)!important;background:var(--surface)!important;color:var(--text)!important}.booking-card{overflow:hidden;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;min-height:380px!important;box-shadow:var(--shadow-md)!important;background:#ffffffe6!important;padding:clamp(22px,4vw,40px)!important}.booking-card:before{display:none!important}.customer-appointment-card,.barber-appointment-card{box-shadow:var(--shadow-sm)!important;border-radius:15px!important}.customer-appointment-card{border-left:3px solid var(--accent)!important}.overview-kpi,.barber-summary-card,.settings-summary-card{box-shadow:var(--shadow-sm)!important;border-radius:13px!important}.overview-kpi:before,.barber-summary-card:before{display:none!important}.overview-kpi span,.barber-summary-card span,.settings-summary-card span{color:var(--text-faint)!important;letter-spacing:.06em!important;text-transform:uppercase!important;font-size:10px!important;font-weight:800!important}.overview-kpi strong,.barber-summary-card strong,.settings-summary-card strong{color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-weight:760!important}.overview-panel,.analytics-card,.analytics-panel,.settings-card{box-shadow:var(--shadow-sm)!important;border-radius:16px!important}.overview-quick-links a,.admin-staff-card{border-color:var(--line)!important;background:var(--surface-soft)!important}.overview-quick-links a:hover,.admin-staff-card:hover{transform:translateY(-1px);border-color:var(--line-strong)!important;background:#f4f0ea!important}.progress-row{gap:8px!important;margin-bottom:32px!important}.progress-item{color:#a1a3a6!important;border-top:2px solid #e6e1d9!important;padding-top:9px!important}.progress-item.active{border-color:var(--text)!important;color:var(--text)!important}.progress-item.active:before{display:none!important}.progress-item span{font-size:10px!important;font-weight:800!important}.progress-item small{color:var(--text-faint)!important;font-size:10px!important}.person-progress-banner{color:#6f4a2d!important;background:#f8f1e9!important;border:1px solid #e2d5c8!important;border-radius:10px!important}.section-heading{margin-bottom:22px!important}.choice-list{gap:10px!important}.choice-card{border:1px solid var(--line)!important;background:var(--surface-soft)!important;min-height:72px!important;color:var(--text)!important;box-shadow:none!important;border-radius:13px!important;padding:17px 18px!important}.choice-card:hover{border-color:var(--line-strong)!important;box-shadow:var(--shadow-sm)!important;background:#f2eee8!important;transform:translateY(-1px)!important}.choice-card strong{color:var(--text)!important;font-size:14px!important}.choice-card small{color:var(--text-soft)!important}.choice-card b{color:var(--accent)!important}.party-counter{box-shadow:none!important;border-radius:16px!important}.party-counter-button{border-color:var(--line-strong)!important;background:var(--surface)!important;color:var(--text)!important}.party-counter-button:hover:not(:disabled){border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent-dark)!important}.party-counter-value strong{color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}.field-label{color:#343639!important;font-size:12px!important;font-weight:700!important}.field-label small{color:var(--text-faint)!important}.field-input,.compact-date,.login-card input,.login-card select,.login-card textarea{border:1px solid var(--line)!important;background:var(--surface)!important;min-height:48px!important;color:var(--text)!important;box-shadow:none!important;border-radius:10px!important;padding:12px 13px!important}.field-input:hover,.compact-date:hover,.login-card input:hover{border-color:var(--line-strong)!important}.field-input:focus,.compact-date:focus,.login-card input:focus,.login-card select:focus,.login-card textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #a96f3e1a!important}.primary-button,.ghost-button,.danger-button{min-height:44px!important;box-shadow:none!important;border-radius:10px!important;padding:11px 16px!important;font-size:12px!important;font-weight:760!important}.primary-button{border:1px solid var(--text)!important;background:var(--text)!important;color:#fff!important}.primary-button:hover:not(:disabled){background:#000!important;border-color:#000!important;transform:translateY(-1px)!important}.ghost-button{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important}.ghost-button:hover:not(:disabled){border-color:var(--line-strong)!important;background:var(--surface-soft)!important}.danger-button{background:var(--danger-soft)!important;color:var(--danger)!important;border:1px solid #e6c6c3!important}.danger-button:hover:not(:disabled){background:#f4dfdd!important;border-color:#d5aaa6!important}.back-button{color:var(--text-soft)!important;font-weight:700!important}.back-button:hover{color:var(--text)!important}.time-grid{gap:9px!important}.time-chip{border:1px solid var(--line)!important;background:var(--surface)!important;min-height:52px!important;color:var(--text)!important;border-radius:10px!important}.time-chip:hover,.time-chip.selected{border-color:var(--text)!important;background:var(--text)!important;color:#fff!important;transform:translateY(-1px)!important}.time-chip:hover small,.time-chip.selected small{color:#d8d8d8!important}.error-banner,.success-banner,.empty-state,.info-note{border-radius:10px!important}.error-banner{background:var(--danger-soft)!important;color:#8a3834!important;border-color:#e6c6c3!important}.success-banner{background:var(--success-soft)!important;color:#285c45!important;border-color:#c7ddcf!important}.empty-state{border-color:var(--line)!important;background:var(--surface-soft)!important;color:var(--text-soft)!important}.login-shell{background:radial-gradient(circle at 50% 0%, #a96f3e14, transparent 26%), var(--bg)!important;min-height:100vh!important;padding:38px 18px!important}.login-shell:before{display:none!important}.login-card{border:1px solid var(--line)!important;width:min(460px,100%)!important;color:var(--text)!important;box-shadow:var(--shadow-md)!important;background:#fffffff0!important;border-radius:18px!important;gap:17px!important;padding:32px!important}.login-card:before{display:none!important}.login-card h1{color:var(--text)!important;margin:0!important;font-size:31px!important;font-weight:760!important}.login-card>p:not(.eyebrow){color:var(--text-soft)!important}.login-choice-card{width:min(620px,100%)!important;padding:38px!important}.login-choice-card .login-role-grid-three{grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.login-role-card{border:1px solid var(--line)!important;background:var(--surface-soft)!important;min-height:76px!important;color:var(--text)!important;border-radius:12px!important;grid-template-columns:42px minmax(0,1fr) 20px!important;align-items:center!important;gap:14px!important;padding:14px 15px!important;display:grid!important}.login-role-card:hover{border-color:var(--line-strong)!important;background:#f2eee8!important;transform:translateY(-1px)!important}.login-role-icon{border:1px solid var(--line-strong)!important;background:var(--surface)!important;width:42px!important;height:42px!important;color:var(--text)!important;border-radius:10px!important;font-weight:850!important}.login-role-copy{gap:3px;display:grid}.login-role-copy strong{color:var(--text)!important;margin:0!important;font-size:15px!important}.login-role-copy small{color:var(--text-soft)!important;font-size:11px!important;line-height:1.4!important}.login-role-card>span:last-child,.login-back-link{color:var(--text-faint)!important}.login-back-link:hover{color:var(--text)!important}.appointment-status,.staff-state,.customer-state{border-radius:999px!important}.status-pill-confirmed,.status-pill-pending{color:#79512f!important;background:#f8efe6!important;border-color:#dec7af!important}.status-pill-completed,.staff-state.active,.customer-state.active{color:#2f674e!important;background:#ebf4ef!important;border-color:#bed6c7!important}.status-pill-cancelled,.status-pill-no_show,.staff-state.inactive,.customer-state.blocked{color:#91403c!important;background:#f8eae8!important;border-color:#e2c0bd!important}.schedule-scroll{border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important;border-radius:14px!important}.schedule-corner,.barber-heading{border-bottom-color:var(--line)!important;color:var(--text)!important;background:#f4f1ec!important}.time-axis{border-right-color:var(--line)!important;background:#faf8f5!important}.time-axis span{color:var(--text-faint)!important}.barber-column{background-color:#fff!important;background-image:linear-gradient(#eee9e2 1px,#0000 1px)!important;border-right-color:#ece7e0!important}.appointment-block{border:1px solid #d4b89f!important;border-left:3px solid var(--accent)!important;color:#3a2c21!important;box-shadow:none!important;background:#f5ebe1!important;border-radius:7px!important}.appointment-block:hover{filter:none!important;background:#efe0d2!important;border-color:#bc9472!important}.appointment-block span{color:#715c4c!important}.appointment-block.status-completed{border-left-color:var(--success)!important;background:#eaf3ee!important}.appointment-block.status-no_show{border-left-color:var(--danger)!important;background:#f7e9e7!important}.calendar-break-block{border-color:var(--line)!important;color:var(--text-soft)!important;background:#f1f0ed!important}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#201e1b61!important}.modal-card{border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important;border-radius:16px!important;box-shadow:0 26px 90px #1a181538!important}.icon-button{border-color:var(--line)!important;background:var(--surface-soft)!important;color:var(--text)!important}.detail-list{border-color:var(--line)!important}.detail-list div{border-bottom-color:#ece8e1!important}.footer{border-top:1px solid var(--line)!important;color:var(--text-faint)!important;margin-top:38px!important;padding-top:22px!important}.footer-links a{color:var(--text-soft)!important}.footer-links a:hover{color:var(--text)!important}@media (prefers-reduced-motion:no-preference){.booking-card,.login-card,.overview-kpi,.overview-panel,.customer-appointment-card,.barber-appointment-card{animation:.22s both cleanRise}@keyframes cleanRise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:900px){.admin-nav{flex-direction:column!important;align-items:stretch!important}.admin-nav-links,.barber-nav{scrollbar-width:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}.admin-nav-links::-webkit-scrollbar{display:none}.barber-nav::-webkit-scrollbar{display:none}.admin-nav-link,.barber-nav-link{white-space:nowrap!important}.admin-nav-logout{display:none!important}}@media (max-width:760px){.site-shell{width:min(100% - 22px,1120px)!important;padding-top:16px!important}.admin-shell{width:min(100% - 18px,1540px)!important;padding-top:14px!important}.brand-header,.admin-header{align-items:stretch!important;padding-bottom:16px!important}.hero-copy{margin-top:42px!important}.hero-copy h2{font-size:clamp(36px,11vw,52px)!important}.booking-card{border-radius:16px!important;padding:18px!important}.login-shell{padding:18px 12px!important}.login-card,.login-choice-card{width:min(100%,520px)!important;padding:24px 20px!important}.customer-header-actions,.account-actions{width:100%!important}}@media (max-width:520px){.brand-header h1{font-size:35px!important}.hero-copy{margin-top:34px!important}.hero-copy h2{font-size:38px!important}.progress-row.group-progress{gap:8px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.group-progress .progress-item{min-width:70px!important}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.login-role-card{grid-template-columns:40px minmax(0,1fr) 18px!important;padding:13px!important}.modal-backdrop{align-items:end!important;padding:0!important}.modal-card{border-bottom:0!important;border-radius:16px 16px 0 0!important;width:100%!important;max-height:88vh!important}}@media (prefers-contrast:more){:root{--line:#9f978d;--line-strong:#776f66}.booking-card,.login-card,.choice-card,.field-input,.time-chip,.customer-appointment-card,.barber-appointment-card{border-width:2px!important}}.brand-lockup,.login-brand{align-items:center;gap:12px;display:flex}.brand-mark,.login-brand-mark{background:var(--text);color:#fff;letter-spacing:-.03em;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;font-weight:850;display:grid}.hero-points{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hero-points span{border:1px solid var(--line);min-height:32px;color:var(--text-soft);background:#ffffff8c;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.hero-points span:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:7px}.login-brand{border-bottom:1px solid var(--line);padding-bottom:16px}.login-brand strong{color:var(--text);letter-spacing:-.015em;font-size:13px;font-weight:800;display:block}.login-brand .eyebrow{margin-bottom:3px!important}.login-heading{gap:6px;padding-top:4px;display:grid}.login-heading h1,.login-heading p{margin:0!important}.login-heading p{font-size:13px;color:var(--text-soft)!important}@media (max-width:620px){.brand-mark{border-radius:10px;width:38px;height:38px}.hero-points{gap:6px}.hero-points span{font-size:10px}}.customer-account-shell{max-width:1040px!important}.account-header{margin-bottom:30px!important}.account-section{margin-top:28px!important}.appointment-list,.barber-appointment-list,.admin-appointment-list,.admin-customer-list,.admin-service-toggle-list,.barber-schedule-list,.time-off-list{gap:10px!important;display:grid!important}.customer-appointment-card{grid-template-columns:minmax(150px,.8fr) minmax(260px,1.8fr) auto!important;align-items:center!important;gap:18px!important;padding:17px 18px!important}.customer-appointment-date{gap:3px!important}.customer-appointment-date span,.customer-appointment-main small,.customer-appointment-main p{color:var(--text-soft)!important}.customer-appointment-date strong{color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:19px!important;font-weight:780!important}.customer-appointment-main h3{color:var(--text)!important;letter-spacing:-.02em!important;margin:0 0 4px!important;font-size:17px!important}.customer-appointment-main p{margin:0 0 2px!important;font-size:13px!important}.customer-appointment-side{gap:8px!important}.customer-appointment-actions{gap:6px!important}.appointment-status{border-width:1px!important;padding:6px 9px!important;font-size:10px!important;font-weight:800!important}.reschedule-summary{border-radius:10px!important;padding:13px!important}.reschedule-summary span,.reschedule-summary small{color:var(--text-soft)!important}.overview-kpi-grid,.analytics-kpi-grid,.barber-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important;display:grid!important}.overview-kpi,.analytics-kpi,.barber-summary-card{gap:6px!important;min-height:98px!important;padding:15px!important;display:grid!important}.overview-kpi strong,.analytics-kpi strong,.barber-summary-card strong{font-size:clamp(21px,2.6vw,29px)!important;line-height:1.1!important}.overview-grid,.analytics-two-column{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)!important;gap:12px!important;display:grid!important}.overview-panel,.analytics-card{padding:18px!important}.overview-panel .section-heading,.analytics-card .section-heading{margin-bottom:16px!important}.overview-week-bars{gap:11px!important;display:grid!important}.overview-week-row{grid-template-columns:92px 1fr 28px!important;align-items:center!important;gap:10px!important;display:grid!important}.overview-week-row>span{color:var(--text-soft)!important;font-size:12px!important}.analytics-meter{border:1px solid var(--line)!important;background:var(--surface-strong)!important;border-radius:999px!important;height:9px!important;overflow:hidden!important}.analytics-meter-fill{border-radius:inherit!important;height:100%!important}.analytics-meter-fill.primary{background:var(--text)!important}.overview-quick-links{gap:7px!important;display:grid!important}.overview-quick-links a{min-height:46px!important;color:var(--text)!important;border-radius:9px!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.overview-quick-links a span{color:var(--text-faint)!important}.admin-appointment-filters,.admin-search-row{border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;background:#ffffffd1!important;border-radius:14px!important}.admin-appointment-filters{grid-template-columns:repeat(3,minmax(160px,1fr)) auto!important;align-items:end!important;gap:12px!important;margin-bottom:18px!important;padding:14px!important;display:grid!important}.admin-search-row{grid-template-columns:minmax(220px,1fr) auto!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important;padding:12px!important;display:grid!important}.admin-search-row .field-input{min-height:44px!important}.admin-search-row>span{color:var(--text-soft)!important;white-space:nowrap!important;font-size:12px!important;font-weight:700!important}.admin-appointment-row{border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px!important;grid-template-columns:minmax(160px,.8fr) minmax(190px,1fr) minmax(180px,1fr) minmax(200px,auto)!important;align-items:center!important;gap:16px!important;padding:15px 16px!important;display:grid!important}.admin-appointment-row:hover{border-color:var(--line-strong)!important}.admin-appointment-time,.admin-appointment-person,.admin-appointment-service{gap:3px!important;min-width:0!important;display:grid!important}.admin-appointment-time strong,.admin-appointment-person strong,.admin-appointment-service strong{color:var(--text)!important;font-size:13px!important}.admin-appointment-time span,.admin-appointment-person span,.admin-appointment-service span,.admin-appointment-service small,.admin-appointment-person a{color:var(--text-soft)!important;font-size:11px!important;line-height:1.45!important}.admin-appointment-person a:hover{color:var(--accent-dark)!important}.admin-appointment-list-actions{justify-items:end!important;gap:7px!important;display:grid!important}.admin-appointment-list-actions>div{flex-wrap:wrap!important;justify-content:flex-end!important;gap:5px!important;display:flex!important}.admin-customer-card{border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;border-radius:13px!important;grid-template-columns:minmax(220px,1.2fr) minmax(300px,1fr) auto!important;align-items:center!important;gap:18px!important;padding:16px!important;display:grid!important}.admin-customer-main{gap:3px!important;min-width:0!important;display:grid!important}.admin-customer-name-row{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;display:flex!important}.admin-customer-name-row h3{color:var(--text)!important;letter-spacing:-.02em!important;margin:0!important;font-size:16px!important}.admin-customer-main a{color:var(--text-soft)!important;overflow-wrap:anywhere!important;font-size:12px!important}.admin-customer-main a:hover{color:var(--accent-dark)!important}.admin-customer-counts{grid-template-columns:70px 80px minmax(110px,1fr)!important;align-items:center!important;gap:10px!important;display:grid!important}.admin-customer-counts>div{gap:3px!important;display:grid!important}.admin-customer-counts strong{color:var(--text)!important;font-size:14px!important}.admin-customer-counts span{color:var(--text-faint)!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:10px!important;font-weight:800!important}.admin-customer-next strong{font-size:12px!important;line-height:1.35!important}.admin-customer-actions{align-items:center!important;gap:6px!important;display:flex!important}.admin-staff-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important;gap:12px!important;display:grid!important}.admin-staff-card{border:1px solid var(--line)!important;min-height:132px!important;box-shadow:var(--shadow-sm)!important;border-radius:13px!important;align-content:space-between!important;gap:16px!important;padding:17px!important;display:grid!important}.admin-staff-card h3{color:var(--text)!important;letter-spacing:-.02em!important;margin:0 0 8px!important;font-size:17px!important}.admin-staff-meta{justify-content:space-between!important;align-items:center!important;gap:10px!important;display:flex!important}.admin-staff-meta span{color:var(--text-soft)!important;font-size:11px!important}.admin-staff-meta strong{color:var(--text)!important;font-size:12px!important}.weekly-schedule-editor{gap:12px!important;display:grid!important}.weekly-schedule-list{gap:8px!important;display:grid!important}.weekly-schedule-day{border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:12px!important;grid-template-columns:minmax(120px,.8fr) 110px minmax(300px,1.4fr) auto!important;align-items:center!important;gap:14px!important;padding:13px 14px!important;display:grid!important}.weekly-schedule-day.is-off{background:var(--surface-soft)!important}.weekly-day-heading{gap:2px!important;display:grid!important}.weekly-day-heading strong{color:var(--text)!important;font-size:13px!important}.weekly-day-heading span{color:var(--text-faint)!important;font-size:10px!important}.schedule-status-button{border:1px solid var(--line)!important;background:var(--surface-soft)!important;min-height:36px!important;color:var(--text-soft)!important;border-radius:999px!important;padding:7px 10px!important;font-size:11px!important;font-weight:750!important}.schedule-status-button.is-working{color:var(--success)!important;background:#edf5f0!important;border-color:#bed6c7!important}.schedule-status-button.is-off{color:var(--text-soft)!important;border-color:#dfd7cd!important}.schedule-status-dot{background:currentColor!important;border-radius:50%!important;width:7px!important;height:7px!important;margin-right:6px!important;display:inline-block!important}.weekly-time-controls{grid-template-columns:1fr auto 1fr!important;align-items:end!important;gap:8px!important;display:grid!important}.schedule-time-separator{color:var(--text-faint)!important;padding-bottom:14px!important;font-size:11px!important}.schedule-time-input{min-height:40px!important;padding-top:8px!important;padding-bottom:8px!important}.weekly-save-button{white-space:nowrap!important}.schedule-help-note{margin-top:2px!important}.admin-service-toggle-list{margin-top:14px!important}.admin-service-toggle-card{border:1px solid var(--line)!important;background:var(--surface)!important;border-radius:11px!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;padding:13px 14px!important;display:flex!important}.admin-service-toggle-card>div{gap:3px!important;display:grid!important}.admin-service-toggle-card strong{color:var(--text)!important;font-size:13px!important}.admin-service-toggle-card span{color:var(--text-soft)!important;font-size:11px!important}.barber-shell{max-width:1120px!important}.barber-date-nav,.time-off-toolbar,.schedule-toolbar,.date-nav{flex-wrap:wrap!important;align-items:center!important;gap:7px!important;display:flex!important}.barber-date-nav{margin:16px 0 8px!important}.barber-appointment-card{grid-template-columns:120px minmax(240px,1fr) auto!important;align-items:center!important;gap:16px!important;padding:16px!important;display:grid!important}.barber-appointment-time{gap:2px!important;display:grid!important}.barber-appointment-time strong{color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:20px!important;font-weight:780!important}.barber-appointment-time span{color:var(--text-faint)!important;font-size:11px!important}.barber-appointment-info{gap:3px!important;display:grid!important}.barber-appointment-info h3{color:var(--text)!important;letter-spacing:-.02em!important;margin:0!important;font-size:16px!important}.barber-appointment-info p,.barber-appointment-info a,.barber-appointment-info small{color:var(--text-soft)!important;font-size:11px!important}.barber-appointment-info a:hover{color:var(--accent-dark)!important}.barber-appointment-actions{justify-items:end!important;gap:8px!important;display:grid!important}.barber-status-buttons{flex-wrap:wrap!important;justify-content:flex-end!important;gap:5px!important;display:flex!important}.barber-schedule-day{border:1px solid var(--line)!important;border-radius:12px!important;grid-template-columns:minmax(210px,1.2fr) minmax(190px,1fr) auto!important;align-items:center!important;gap:16px!important;padding:14px 15px!important;display:grid!important}.barber-schedule-day>div:first-child,.barber-schedule-hours{gap:3px!important;display:grid!important}.barber-schedule-day>div:first-child strong,.barber-schedule-hours strong{color:var(--text)!important;font-size:13px!important}.barber-schedule-day>div:first-child span,.barber-schedule-hours small{color:var(--text-faint)!important;font-size:10px!important}.day-off-label{color:var(--text-soft)!important}.barber-schedule-actions{justify-content:flex-end!important;gap:6px!important;display:flex!important}.schedule-working-toggle{border:1px solid var(--line)!important;background:var(--surface-soft)!important;color:var(--text)!important;border-radius:10px!important;align-items:center!important;gap:9px!important;padding:11px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.schedule-time-row{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.time-off-toolbar{justify-content:flex-end!important;margin-bottom:12px!important}.time-off-card{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto!important;align-items:center!important;gap:16px!important;padding:14px 15px!important;display:grid!important}.time-off-date,.time-off-reason{gap:3px!important;display:grid!important}.time-off-date strong,.time-off-reason strong{color:var(--text)!important;font-size:13px!important}.time-off-date span,.time-off-reason span{color:var(--text-faint)!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-size:10px!important;font-weight:800!important}.settings-shell{padding-bottom:64px!important}.settings-customer-nav{flex-wrap:wrap!important;gap:7px!important;margin:0 0 18px!important;display:flex!important}.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important;display:grid!important}.settings-summary-card{gap:6px!important;min-height:96px!important;padding:15px!important;display:grid!important}.settings-summary-card strong{overflow-wrap:anywhere!important;font-size:16px!important;line-height:1.25!important}.settings-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.settings-card{padding:18px!important}.settings-note{color:var(--text-soft)!important;font-size:12px!important}.settings-session-card{justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-top:12px!important;display:flex!important}.settings-session-card h2{color:var(--text)!important;margin:2px 0 3px!important}.settings-session-card p{color:var(--text-soft)!important;margin:0!important;font-size:12px!important}.schedule-toolbar{justify-content:space-between!important;margin-bottom:12px!important}.compact-date{width:auto!important;min-width:145px!important;min-height:42px!important}.schedule-corner,.barber-heading{padding:12px 9px!important;font-size:11px!important}.time-axis span{font-size:9px!important}.appointment-block{padding:5px 7px!important}.appointment-block strong{font-size:11px!important}.appointment-block span{font-size:9px!important}.modal-card{padding:20px!important}.modal-header{margin-bottom:16px!important}.modal-header h2{font-size:22px!important}.icon-button{width:36px!important;height:36px!important;font-size:20px!important}.detail-list{border-radius:10px!important;overflow:hidden!important}.detail-list div{padding:11px 13px!important}.detail-list span{color:var(--text-faint)!important;font-size:11px!important}.detail-list strong{color:var(--text)!important;font-size:12px!important}.action-row{gap:6px!important}@media (max-width:980px){.overview-kpi-grid,.analytics-kpi-grid,.barber-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.overview-grid,.analytics-two-column{grid-template-columns:1fr!important}.admin-staff-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}.admin-customer-card,.admin-appointment-row{grid-template-columns:1fr 1fr!important}.admin-customer-actions,.admin-appointment-list-actions{justify-self:stretch!important;justify-items:start!important}.admin-appointment-list-actions>div{justify-content:flex-start!important}.weekly-schedule-day{grid-template-columns:minmax(120px,.8fr) 100px minmax(250px,1.2fr)!important}.weekly-save-button{grid-column:1/-1!important;justify-self:end!important}}@media (max-width:760px){.admin-appointment-filters{grid-template-columns:1fr 1fr!important}.admin-appointment-filters .primary-button{grid-column:1/-1!important}.admin-search-row{grid-template-columns:1fr!important}.admin-search-row>span{justify-self:start!important}.admin-customer-card,.admin-appointment-row,.barber-appointment-card,.barber-schedule-day,.time-off-card{grid-template-columns:1fr!important;gap:10px!important}.admin-customer-counts{grid-template-columns:repeat(3,minmax(0,1fr))!important}.admin-customer-actions,.barber-appointment-actions{justify-self:stretch!important;justify-items:start!important}.admin-customer-actions>*,.barber-status-buttons{flex:1!important}.barber-status-buttons{justify-content:flex-start!important;width:100%!important}.barber-status-buttons button{flex:1!important}.barber-schedule-actions{justify-content:flex-start!important}.weekly-schedule-day{grid-template-columns:1fr!important;gap:10px!important}.weekly-time-controls{grid-template-columns:1fr 1fr!important}.schedule-time-separator{display:none!important}.weekly-save-button{width:100%!important}.settings-summary-grid,.settings-main-grid{grid-template-columns:1fr!important}.settings-session-card{flex-direction:column!important;align-items:stretch!important}.settings-session-card .ghost-button{width:100%!important}.customer-appointment-card{grid-template-columns:1fr!important;gap:9px!important}.customer-appointment-side{justify-items:start!important}.customer-appointment-actions{width:100%!important}.customer-appointment-actions button{flex:1!important}.schedule-toolbar{flex-direction:column!important;align-items:stretch!important}.date-nav .ghost-button{flex:1!important}}@media (max-width:560px){.overview-kpi-grid,.analytics-kpi-grid,.barber-summary-grid,.admin-staff-grid,.admin-appointment-filters{grid-template-columns:1fr!important}.admin-customer-counts{grid-template-columns:1fr 1fr!important}.admin-customer-next{grid-column:1/-1!important}.schedule-time-row,.weekly-time-controls{grid-template-columns:1fr!important}}.barber-choice-card{align-items:center!important}.barber-choice-main{align-items:center!important;gap:13px!important;min-width:0!important;display:flex!important}.barber-choice-copy{gap:3px!important;min-width:0!important;display:grid!important}.barber-avatar,.admin-staff-card-avatar,.admin-header-avatar,.barber-header-avatar,.admin-staff-photo-preview{object-fit:cover;background:var(--surface-strong);color:var(--text);border:1px solid var(--line);display:block}.barber-avatar{border-radius:12px;flex:0 0 48px;width:48px;height:48px}.barber-avatar-fallback,.barber-avatar-any{letter-spacing:-.02em!important;place-items:center!important;font-size:13px!important;font-weight:820!important;display:grid!important}.barber-avatar-any{letter-spacing:.04em!important;color:var(--text-soft)!important;font-size:9px!important}.admin-staff-card-main{align-items:center!important;gap:12px!important;display:flex!important}.admin-staff-card-avatar{border-radius:13px;flex:0 0 54px;width:54px;height:54px}.admin-staff-card-avatar-fallback,.admin-header-avatar-fallback,.barber-header-avatar-fallback,.admin-staff-photo-fallback{place-items:center!important;font-weight:820!important;display:grid!important}.admin-staff-card-avatar-fallback{font-size:18px!important}.admin-staff-header-main,.barber-header-profile{align-items:center!important;gap:14px!important;display:flex!important}.admin-header-avatar,.barber-header-avatar{width:62px;height:62px;box-shadow:var(--shadow-sm);border-radius:16px;flex:0 0 62px}.admin-header-avatar-fallback,.barber-header-avatar-fallback{font-size:21px!important}.admin-staff-photo-card{border:1px solid var(--line)!important;background:var(--surface)!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important;margin-top:18px!important;padding:18px!important}.admin-staff-photo-editor{grid-template-columns:150px minmax(0,1fr)!important;align-items:center!important;gap:20px!important;display:grid!important}.admin-staff-photo-preview{width:150px;height:150px;box-shadow:var(--shadow-sm);border-radius:18px}.admin-staff-photo-fallback{font-size:42px!important}.admin-staff-photo-actions{gap:12px!important;display:grid!important}.staff-photo-input{padding:8px!important}.staff-photo-input::file-selector-button{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;margin-right:10px;padding:8px 11px;font-weight:700}.staff-photo-input::file-selector-button:hover{background:var(--surface-strong)}.site-credit{color:#a29e97!important;letter-spacing:.015em!important;margin-top:6px!important;font-size:10px!important}@media (max-width:620px){.barber-avatar{flex-basis:44px;width:44px;height:44px}.admin-staff-photo-editor{grid-template-columns:1fr!important}.admin-staff-photo-preview{width:120px;height:120px}.admin-staff-header-main,.barber-header-profile{align-items:flex-start!important}.admin-header-avatar,.barber-header-avatar{border-radius:13px;flex-basis:52px;width:52px;height:52px}}.modal-card .detail-list,.modal-card .detail-list div{background:var(--surface)!important}.modal-card .detail-list span{color:var(--text-soft)!important}.modal-card .detail-list strong{color:var(--text)!important}.appointment-block.barber-color-amri{color:#183523!important;background:#dff3e7!important;border-color:#72b889 #72b889 #72b889 #3f8f5f!important}.appointment-block.barber-color-karim{color:#35214d!important;background:#eee5f8!important;border-color:#ad8bd3 #ad8bd3 #ad8bd3 #8055b2!important}.appointment-block.barber-color-behrouz{color:#512535!important;background:#f7e3e9!important;border-color:#d995aa #d995aa #d995aa #bb5f7b!important}.appointment-block.barber-color-zapher{color:#4c2b12!important;background:#f8eadb!important;border-color:#d7a16e #d7a16e #d7a16e #b96f2f!important}.appointment-block.barber-color-masha{color:#183650!important;background:#e1edf8!important;border-color:#86acd0 #86acd0 #86acd0 #4d82b3!important}.appointment-block[class*=barber-color-] strong{color:inherit!important}.appointment-block[class*=barber-color-] span{opacity:.78;color:inherit!important}.admin-custom-date-range{flex-wrap:wrap;align-items:end;gap:10px;margin:-4px 0 24px;display:flex}.admin-custom-date-range label{gap:6px;display:grid}.admin-custom-date-range label span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.admin-custom-date-range .field-input{min-width:170px}.admin-custom-date-range .primary-button,.admin-custom-date-range .ghost-button{justify-content:center;align-items:center;min-height:45px;display:inline-flex}