:root{--ink:#080808;--muted:#555;--paper:#f6f6f1;--white:#fff;--line:#dadad2;--soft:#ecece4;--shadow:0 24px 70px #0808081f;--radius:8px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-header{z-index:10;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f6f1eb;justify-content:space-between;align-items:center;gap:18px;width:min(100% - 32px,1180px);margin:12px auto;padding:12px 14px;display:flex;position:sticky;top:12px;box-shadow:0 12px 36px #08080814}.app-header nav{flex-wrap:wrap;gap:6px;display:flex}.app-header nav a{color:var(--muted);border-radius:6px;padding:10px 12px;font-weight:800}.app-header nav a:hover,.app-header nav a:focus-visible{background:var(--white);color:var(--ink)}.brand{align-items:center;gap:10px;font-weight:900;display:inline-flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--white);border-radius:6px;place-items:center;font-size:.76rem;display:grid}.shell,.barber-page,.dashboard-shell,.auth-shell{width:min(100% - 36px,1180px);margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center;gap:48px;min-height:76vh;padding:82px 0;display:grid}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:900}h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{margin:0;line-height:1}h1{max-width:860px;font-size:clamp(3rem,8vw,6.7rem)}h2{font-size:clamp(2rem,4vw,4rem)}.hero-copy,.dashboard-title p,.barber-hero p,.panel p{color:var(--muted);font-size:1.08rem}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0 18px;font-weight:900;display:inline-flex}.button.primary{background:var(--ink);color:var(--white)}.button.secondary{background:var(--white)}.button.inverted{border-color:var(--white);background:var(--white);color:var(--ink)}.phone-preview,.booking-card,.panel,.stats-grid article,.feature-grid article,.booking-form,.auth-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.phone-preview{gap:16px;padding:22px;display:grid;transform:rotate(-2deg)}.phone-top{gap:7px;display:flex}.phone-top span{background:var(--ink);border-radius:50%;width:9px;height:9px}.phone-preview p,.phone-preview strong,.phone-preview button{border-radius:6px}.phone-preview p,.mini-row{background:var(--soft);color:var(--muted);padding:12px;font-weight:800}.phone-preview strong{background:var(--ink);color:var(--white);padding:24px;font-size:2.3rem}.mini-row{justify-content:space-between;display:flex}.phone-preview button{background:var(--ink);min-height:48px;color:var(--white);border:0;font-weight:900}.feature-grid,.stats-grid,.dashboard-columns,.section-grid,.barber-hero{gap:16px;display:grid}.feature-grid>*,.stats-grid>*,.dashboard-columns>*,.section-grid>*,.barber-hero>*{min-width:0}.eyebrow,.booking-card strong,.booking-list strong,.service-list h3,.service-list p{overflow-wrap:anywhere}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:86px}.feature-grid article,.stats-grid article,.panel{padding:24px}.feature-grid span,.stats-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.barber-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;padding:72px 0 56px}.barber-hero h1{font-size:clamp(4rem,12vw,9rem);line-height:.86}.meta-pills{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.meta-pills span{border:1px solid var(--line);background:var(--white);border-radius:6px;padding:10px 12px;font-weight:900}.booking-card{background:var(--ink);color:var(--white);gap:14px;padding:24px;display:grid}.booking-card span{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.booking-card strong{font-size:2.4rem;line-height:1}.booking-card p{color:#ffffffbd;margin:0}.section-grid{border-top:1px solid var(--line);grid-template-columns:minmax(240px,.45fr) minmax(0,1fr);padding:58px 0}.service-list{gap:10px;display:grid}.service-list article{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);justify-content:space-between;align-items:center;gap:18px;min-height:96px;padding:18px;display:flex}.service-list article>div{min-width:0}.service-list.compact article{min-height:78px}.service-list h3,.service-list p{margin:0}.service-list p{color:var(--muted)}.service-list strong{white-space:nowrap;font-size:1.25rem}.service-actions{align-items:center;gap:10px;display:inline-flex}.icon-remove{border:1px solid var(--line);background:var(--white);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:900;line-height:1;display:inline-grid}.icon-remove:hover,.icon-remove:focus-visible{border-color:var(--ink);background:var(--ink);color:var(--white)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.gallery-grid div{border-radius:var(--radius);background:linear-gradient(150deg,#fff0,#0808089e),repeating-linear-gradient(135deg,#f5f5f0 0 14px,#d8d8d2 14px 16px);min-height:220px}.gallery-grid div:nth-child(2n){background:linear-gradient(150deg,#fff0,#080808b8),repeating-linear-gradient(45deg,#fff 0 12px,#cfcfc8 12px 14px)}.booking-form,.form-stack{gap:14px;display:grid}.booking-form{padding:24px}.booking-form label,.form-stack label,.date-picker{gap:8px;font-weight:900;display:grid}.booking-form input,.booking-form select,.booking-form textarea,.form-stack input{background:var(--white);width:100%;min-height:48px;color:var(--ink);border:1px solid #cfcfc8;border-radius:6px;padding:0 12px}.field-label{font-weight:900}.date-picker{position:relative}.date-picker-trigger{background:var(--white);width:100%;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;border:1px solid #cfcfc8;border-radius:6px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.date-picker-trigger:focus-visible,.date-picker-trigger:hover{border-color:var(--ink)}.select-caret{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--ink);width:0;height:0}.calendar-panel{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);width:min(520px,100%);box-shadow:var(--shadow);padding:18px;position:absolute;top:calc(100% + 8px);left:0}.calendar-header{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.calendar-header strong{text-align:center;font-size:1.08rem}.calendar-header button,.calendar-grid button{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:6px;font-weight:900}.calendar-header button{min-height:46px}.calendar-header button:disabled,.calendar-grid button:disabled{cursor:not-allowed;opacity:.32}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{color:var(--muted);text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:900}.calendar-grid button{aspect-ratio:1;min-height:46px}.calendar-grid button:not(:disabled):hover,.calendar-grid button:not(:disabled):focus-visible{border-color:var(--ink)}.calendar-grid button.selected{border-color:var(--ink);background:var(--ink);color:var(--white)}.calendar-grid .muted{color:#8a8a80}.booking-form textarea{min-height:110px;padding:12px}.payment-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;display:grid}.payment-toggle button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-weight:900}.payment-toggle button.active{background:var(--ink);color:var(--white)}.form-status{color:var(--muted);margin:0;font-weight:800}.dashboard-shell{padding:64px 0 86px}.setup-panel{gap:12px;margin-bottom:18px;display:grid}.setup-panel p{margin:0}.dashboard-title{justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px;display:flex}.dashboard-title h1{font-size:clamp(3.5rem,9vw,8rem)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.stats-grid article{gap:10px;display:grid}.stats-grid strong{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1}.stats-grid small{color:var(--muted);font-weight:800}.analytics-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink);color:var(--white);gap:24px;margin:16px 0;padding:24px;display:grid}.analytics-panel .eyebrow,.analytics-panel p{color:#ffffffb8}.chart{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;height:260px;padding-top:22px;display:grid}.chart-column{grid-template-rows:1fr auto;align-items:end;gap:8px;display:grid}.chart-column span{background:var(--white);border-radius:6px 6px 0 0;min-height:8px;display:block}.chart-column small{color:#ffffffb3;text-align:center;font-weight:800}.dashboard-columns{grid-template-columns:1fr 1fr;align-items:start}.booking-list{gap:10px;display:grid}.booking-list div{background:var(--soft);border-radius:6px;gap:4px;padding:12px;display:grid}.booking-list span{color:var(--muted);font-weight:800}.panel-gallery{box-shadow:none;background:0 0;border:0;padding:0}.auth-shell{place-items:center;min-height:calc(100vh - 100px);display:grid}.auth-panel{width:min(100%,560px);padding:28px}@media (max-width:860px){.app-header,.dashboard-title{flex-direction:column;align-items:flex-start}.hero-grid,.barber-hero,.section-grid,.feature-grid,.stats-grid,.dashboard-columns{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:48px}.phone-preview{transform:none}}@media (max-width:520px){.shell,.barber-page,.dashboard-shell,.auth-shell{width:min(100% - 24px,1180px)}.app-header nav{width:100%;display:grid}.chart{gap:4px}.payment-toggle,.gallery-grid{grid-template-columns:1fr}.barber-hero h1{font-size:clamp(3.4rem,18vw,5.2rem)}}