.barber-onboarding-shell{--navy:#071936;--blue:#0878db;--teal:#0b948e;--ink:#142941;--muted:#718296;min-height:100vh;color:var(--ink);background:#eef4f7;font:16px/1.45 Segoe UI,sans-serif}.barber-onboarding-shell *{box-sizing:border-box}.barber-onboarding-shell button,.barber-onboarding-shell input,.barber-onboarding-shell select{font:inherit}.barber-onboarding-topbar{background:#fff;border-bottom:1px solid #d9e4ea;align-items:center;gap:10px;height:76px;padding:0 34px;display:flex}.barber-onboarding-topbar img{width:122px}.barber-onboarding-topbar>span{color:#167f85;letter-spacing:.1em;background:#e8f7f5;border-radius:7px;padding:5px 8px;font-size:.62rem;font-weight:800}.barber-onboarding-topbar a{color:#4d667a;align-items:center;gap:7px;margin-left:auto;font-size:.76rem;font-weight:700;text-decoration:none;display:flex}.barber-onboarding-layout{grid-template-columns:330px minmax(0,860px);justify-content:center;gap:22px;padding:34px;display:grid}.barber-onboarding-rail,.barber-onboarding-card{background:#fff;border:1px solid #dce6ed;border-radius:18px;box-shadow:0 18px 48px #0b304d0f}.barber-onboarding-rail{flex-direction:column;min-height:720px;padding:28px 22px;display:flex}.barber-onboarding-rail>div:first-child{padding:0 8px 20px}.barber-onboarding-rail>div:first-child>span,.barber-onboarding-card>header>span{color:#168089;letter-spacing:.13em;font-size:.65rem;font-weight:850}.barber-onboarding-rail h1{color:var(--navy);letter-spacing:-.035em;margin:8px 0 7px;font:600 1.45rem/1.15 MC Sora,Segoe UI,sans-serif}.barber-onboarding-rail p,.barber-onboarding-card>header p{color:var(--muted);font-size:.78rem}.barber-onboarding-rail nav{gap:4px;margin-top:13px;display:grid;position:relative}.barber-onboarding-rail nav:before{content:"";background:#d9e5eb;width:1px;position:absolute;top:30px;bottom:30px;left:27px}.barber-onboarding-rail nav button{text-align:left;color:#758699;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:67px;padding:8px 9px;display:grid;position:relative}.barber-onboarding-rail nav button.active{color:#18344c;background:#eef7f8}.barber-onboarding-rail nav button i{z-index:1;color:#758da0;background:#fff;border:1px solid #d9e5eb;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.barber-onboarding-rail nav button.active i{color:#fff;background:#0b8b93;border-color:#0b8b93;box-shadow:0 7px 16px #0b8b932e}.barber-onboarding-rail nav button.done i{color:#08745c;background:#e8f7f1;border-color:#cce9df}.barber-onboarding-rail nav button span{gap:2px;display:grid}.barber-onboarding-rail nav button strong{font-size:.79rem}.barber-onboarding-rail nav button small{font-size:.68rem}.barber-onboarding-progress{background:#f4f8fa;border-radius:13px;gap:8px;margin:auto 7px 0;padding:18px;display:grid}.barber-onboarding-progress>span{color:#526b7e;gap:4px;font-size:.72rem;display:flex}.barber-onboarding-progress>i{background:#dbe7ec;border-radius:99px;height:5px;overflow:hidden}.barber-onboarding-progress em{border-radius:inherit;background:linear-gradient(90deg,#0b87a4,#15a687);height:100%;transition:width .25s;display:block}.barber-onboarding-progress small{color:#8494a2;font-size:.66rem}.barber-onboarding-card{grid-template-rows:auto 1fr auto;min-height:720px;display:grid;overflow:hidden}.barber-onboarding-card>header{border-bottom:1px solid #e4ebf0;padding:32px 36px 25px}.barber-onboarding-card>header h2{color:var(--navy);letter-spacing:-.04em;margin:7px 0 5px;font:600 1.75rem MC Sora,Segoe UI,sans-serif}.barber-onboarding-content{padding:30px 36px}.barber-onboarding-card>footer{background:#fbfcfd;border-top:1px solid #e4ebf0;justify-content:space-between;align-items:center;min-height:82px;padding:17px 36px;display:flex}.barber-onboarding-back,.barber-onboarding-next{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-flex}.barber-onboarding-back{color:#50697e;background:#fff;border:1px solid #d6e2e8}.barber-onboarding-back:disabled{opacity:.35;cursor:default}.barber-onboarding-next{color:#fff;background:linear-gradient(120deg,#0879d9,#075fb3);border:1px solid #096abb;box-shadow:0 9px 22px #0867b926}.barber-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.barber-form-grid label,.barber-quick-add label{color:#40586c;gap:7px;font-size:.73rem;font-weight:750;display:grid}.barber-form-grid label.wide{grid-column:1/-1}.barber-form-grid input,.barber-quick-add input,.barber-quick-add select{color:#19334b;background:#fff;border:1px solid #d7e2e9;border-radius:9px;outline:0;width:100%;min-height:46px;padding:0 12px;font-size:.79rem}.barber-form-grid input:focus,.barber-quick-add input:focus,.barber-quick-add select:focus{border-color:#4fa6b2;box-shadow:0 0 0 3px #1b8e991a}.barber-input-icon{position:relative}.barber-input-icon svg{color:#728899;position:absolute;top:14px;left:12px}.barber-input-icon input{padding-left:38px}.barber-setup-tip{color:#416477;background:#f0f9f7;border:1px solid #d8e9e7;border-radius:11px;align-items:flex-start;gap:11px;padding:15px;display:flex}.barber-setup-tip svg{color:#13887c;flex:none;margin-top:2px}.barber-setup-tip span{gap:3px;display:grid}.barber-setup-tip strong{font-size:.73rem}.barber-setup-tip small{color:#708590;font-size:.68rem}.barber-hours-list{display:grid}.barber-hours-head,.barber-hours-list>div:not(.barber-setup-tip){grid-template-columns:1.2fr 1fr 1fr 36px;align-items:center;gap:12px;display:grid}.barber-hours-head{color:#8998a5;letter-spacing:.09em;min-height:34px;padding:0 12px;font-size:.61rem;font-weight:800}.barber-hours-list>div:not(.barber-hours-head):not(.barber-setup-tip){border-top:1px solid #edf2f4;min-height:61px;padding:7px 12px}.barber-hours-list label{color:#2b455a;align-items:center;gap:10px;font-size:.76rem;font-weight:700;display:flex}.barber-hours-list input[type=checkbox]{accent-color:#0b8c89}.barber-hours-list input:not([type=checkbox]){color:#325066;background:#fff;border:1px solid #dce6eb;border-radius:8px;width:100%;min-height:38px;padding:0 10px;font-size:.73rem}.barber-hours-list button{color:#167789;cursor:pointer;background:#fff;border:1px solid #d7e5e9;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.barber-hours-list .closed{color:#8393a0}.barber-hours-list .closed strong{color:#8a99a5;grid-column:2/4;font-size:.72rem;font-weight:600}.barber-hours-list .barber-setup-tip{margin-top:18px}.barber-setup-stack{gap:22px;display:grid}.barber-quick-add{background:#f8fafb;border:1px solid #dce6ed;border-radius:13px;grid-template-columns:1.5fr .8fr .8fr auto;align-items:end;gap:10px;padding:17px;display:grid}.barber-quick-add button{color:#fff;cursor:pointer;background:#0c8c7f;border:0;border-radius:9px;align-items:center;gap:7px;min-height:46px;padding:0 14px;font-size:.74rem;font-weight:750;display:flex}.barber-setup-table{border:1px solid #e0e8ed;border-radius:13px;overflow:hidden}.barber-setup-table>div{border-top:1px solid #edf2f4;grid-template-columns:1.5fr .7fr .7fr 30px;align-items:center;gap:12px;min-height:63px;padding:8px 16px;display:grid}.barber-setup-table>div:first-child{color:#8998a5;letter-spacing:.08em;background:#fafcfd;border-top:0;min-height:38px;font-size:.61rem;font-weight:800}.barber-setup-table>div>span:first-child{align-items:center;gap:10px;display:flex}.barber-setup-table i{color:#167d86;background:#e8f6f5;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.barber-setup-table strong,.barber-setup-table b{color:#284157;font-size:.75rem}.barber-setup-table span{color:#718496;font-size:.72rem}.barber-setup-table button{color:#7a8c9a;cursor:pointer;background:0 0;border:0}.barber-team-cards{gap:10px;display:grid}.barber-team-cards article,.barber-team-cards>button{text-align:left;background:#fff;border:1px solid #dce6ed;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;min-height:72px;padding:12px 14px;display:grid}.barber-team-cards article>i{color:#fff;background:#16476b;border-radius:11px;place-items:center;width:42px;height:42px;font-size:.72rem;font-style:normal;font-weight:800;display:grid}.barber-team-cards article span,.barber-team-cards>button span{gap:3px;display:grid}.barber-team-cards strong{color:#294258;font-size:.77rem}.barber-team-cards small{color:#7a8b99;font-size:.69rem}.barber-team-cards article em{color:#19715c;background:#e8f6ef;border-radius:999px;padding:6px 8px;font-size:.65rem;font-style:normal;font-weight:750}.barber-team-cards>button{color:#167686;cursor:pointer;background:#f8fbfc;border-style:dashed}.barber-team-cards>button>svg{margin:auto}.barber-review-grid{gap:15px;display:grid}.barber-ready-card{color:#d9edef;background:linear-gradient(125deg,#081f3b,#0a5868);border-radius:15px;align-items:center;gap:17px;padding:22px;display:flex}.barber-ready-card>span{color:#075e55;background:#71d6c1;border-radius:15px;flex:none;place-items:center;width:56px;height:56px;display:grid}.barber-ready-card div{gap:3px;display:grid}.barber-ready-card small{color:#78d2cf;letter-spacing:.1em;font-size:.64rem;font-weight:800}.barber-ready-card h3{color:#fff;font:600 1.35rem MC Sora,Segoe UI,sans-serif}.barber-ready-card p{color:#b4cbd2;font-size:.73rem}.barber-publish-card{background:#fff;border:1px solid #dbe6ec;border-radius:12px;align-items:center;gap:14px;padding:17px;display:flex}.barber-publish-card div{gap:4px;min-width:0;display:grid}.barber-publish-card span{color:#8494a1;letter-spacing:.09em;font-size:.61rem;font-weight:800}.barber-publish-card strong{color:#20435a;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.barber-publish-card button{color:#176c78;cursor:pointer;background:#f8fbfc;border:1px solid #d0e1e6;border-radius:8px;align-items:center;gap:7px;min-height:38px;margin-left:auto;padding:0 12px;font-size:.7rem;font-weight:750;display:flex}.barber-review-checks{background:#f4f8fa;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:18px;display:grid}.barber-review-checks span{color:#50697c;align-items:center;gap:8px;font-size:.71rem;display:flex}.barber-review-checks svg{color:#159071}.barber-public-preview{color:#176c7d;background:#f2faf9;border:1px solid #cfe2e7;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:.74rem;font-weight:750;text-decoration:none;display:flex}.barber-onboarding-toast{color:#fff;background:#08785f;border-radius:10px;align-items:center;gap:9px;padding:13px 16px;font-size:.76rem;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 36px #063e2f38}@media (max-width:900px){.barber-onboarding-layout{grid-template-columns:1fr;padding:20px}.barber-onboarding-rail{min-height:auto}.barber-onboarding-rail>div:first-child,.barber-onboarding-progress{display:none}.barber-onboarding-rail nav{grid-template-columns:repeat(5,1fr);margin:0}.barber-onboarding-rail nav:before{display:none}.barber-onboarding-rail nav button{grid-template-columns:1fr;justify-items:center;min-height:auto}.barber-onboarding-rail nav button span{display:none}}@media (max-width:650px){.barber-onboarding-topbar{height:66px;padding:0 17px}.barber-onboarding-topbar>span{display:none}.barber-onboarding-topbar a{font-size:0}.barber-onboarding-topbar a svg{width:20px;height:20px}.barber-onboarding-layout{gap:12px;padding:12px}.barber-onboarding-rail{border-radius:14px;padding:10px}.barber-onboarding-rail nav button{padding:4px}.barber-onboarding-card{border-radius:14px;min-height:calc(100vh - 164px)}.barber-onboarding-card>header,.barber-onboarding-content,.barber-onboarding-card>footer{padding-inline:20px}.barber-onboarding-card>header h2{font-size:1.45rem}.barber-form-grid{grid-template-columns:1fr}.barber-form-grid label.wide{grid-column:auto}.barber-quick-add{grid-template-columns:1fr 1fr}.barber-quick-add label:first-child{grid-column:1/-1}.barber-quick-add button{justify-content:center}.barber-hours-head,.barber-hours-list>div:not(.barber-setup-tip){grid-template-columns:1fr 76px 76px 34px;gap:7px;padding-inline:4px}.barber-setup-table>div{grid-template-columns:1.2fr .65fr .75fr 18px;padding-inline:10px}.barber-setup-table i{display:none}.barber-team-cards article,.barber-team-cards>button{grid-template-columns:40px 1fr}.barber-team-cards article em{grid-column:2;width:fit-content;margin-top:-8px}.barber-review-checks{grid-template-columns:1fr}.barber-onboarding-back,.barber-onboarding-next{padding-inline:12px}.barber-onboarding-toast{justify-content:center;bottom:14px;left:14px;right:14px}}
