:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#1d1f1a;background:#f4f5f0;font-synthesis:none;--ink: #1d1f1a;--muted: #70736a;--soft-muted: #989b92;--paper: #ffffff;--canvas: #f4f5f0;--line: #e3e5de;--lime: #c5f15a;--lime-deep: #698f12;--lime-soft: #effbd6;--danger: #b94036;--danger-soft: #fff0ed;--amber: #9a6715;--amber-soft: #fff5dc;--blue: #315b93;--blue-soft: #edf4ff;--shadow: 0 12px 40px rgba(28, 31, 25, .07)}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}a{color:inherit}.icon{flex:0 0 auto}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px;color:#fff;background:radial-gradient(circle at 15% 15%,#42552a,transparent 40%),var(--ink)}.setup-card{width:min(620px,100%);padding:44px;color:var(--ink);background:var(--paper);border-radius:28px;box-shadow:0 30px 90px #0007}.setup-card h1{margin:16px 0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.03;letter-spacing:-.055em}.setup-card>p:not(.eyebrow){color:var(--muted);line-height:1.7}.code-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.code-list code{padding:10px 12px;border-radius:10px;background:#eeefe9;font-size:.78rem}.brand-mark{width:48px;height:48px;display:inline-grid;place-items:center;border-radius:14px;color:var(--ink);background:var(--lime);font-weight:850;font-size:1.2rem;box-shadow:inset 0 0 0 1px #ffffff30}.brand-mark.small{width:38px;height:38px;border-radius:11px;font-size:.95rem}.eyebrow{margin:0 0 8px;color:var(--lime-deep);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.loader{width:34px;height:34px;border:3px solid #ffffff30;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}.loader.dark{border-color:#1d1f1a18;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);background:var(--ink)}.login-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);color:#fbfcf8;background:radial-gradient(circle at 22% 25%,#46572a 0,#1d1f1a 43%);overflow:hidden}.login-copy:after{content:"";position:absolute;right:-180px;bottom:-230px;width:560px;height:560px;border:1px solid #c5f15a25;border-radius:50%;box-shadow:0 0 0 70px #c5f15a08,0 0 0 140px #c5f15a06}.brand-lockup{display:flex;align-items:center;gap:12px;font-weight:800}.login-copy .brand-lockup{position:absolute;top:38px}.login-copy .eyebrow{color:var(--lime)}.login-copy h1{position:relative;z-index:1;margin:12px 0 24px;max-width:760px;font-size:clamp(3rem,6vw,6.4rem);line-height:.95;letter-spacing:-.072em}.login-copy .lead{max-width:570px;color:#c0c2b9;font-size:1.05rem;line-height:1.7}.security-note{display:flex;align-items:center;gap:10px;margin-top:36px;color:#dadcd4;font-size:.82rem}.pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #c5f15a1d}.login-panel{display:grid;place-items:center;padding:44px;background:var(--paper)}.login-panel form{width:min(430px,100%)}.login-panel h2{margin:8px 0 34px;font-size:2.3rem;letter-spacing:-.045em}label{display:grid;gap:8px;margin:18px 0;color:#575b52;font-size:.78rem;font-weight:700}input{width:100%;padding:14px 15px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;outline:none;transition:.2s}input:focus{border-color:#8cb836;box-shadow:0 0 0 4px #c5f15a35}.form-error{color:var(--danger);font-size:.82rem}.primary-button{width:100%;margin-top:12px;padding:15px 20px;color:#fff;background:var(--ink);border:0;border-radius:12px;font-weight:800}.primary-button:hover{background:#30332c}.salon-app{min-height:100vh}.salon-topbar{position:sticky;z-index:30;top:0;min-height:72px;display:grid;grid-template-columns:240px 1fr 240px;align-items:center;padding:0 clamp(20px,4vw,64px);color:#fff;background:#1d1f1af7;border-bottom:1px solid #383b34;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.salon-brand{display:flex;align-items:center;gap:11px}.salon-brand>div{display:flex;flex-direction:column;line-height:1.15}.salon-brand strong{font-size:.95rem}.salon-brand small{color:#8f9388;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase}.desktop-nav{justify-self:center;display:flex;align-items:center;gap:3px;padding:4px;background:#292c26;border:1px solid #3a3d36;border-radius:12px}.desktop-nav button{display:flex;align-items:center;gap:8px;padding:9px 15px;color:#aeb1a8;background:transparent;border:0;border-radius:8px;font-size:.75rem;font-weight:750}.desktop-nav button:hover{color:#fff}.desktop-nav button.active{color:var(--ink);background:var(--lime);box-shadow:0 3px 10px #0003}.topbar-tools{justify-self:end;display:flex;align-items:center;gap:12px}.install-button{display:flex;align-items:center;gap:7px;padding:9px 12px;color:var(--lime);background:transparent;border:1px solid #565a50;border-radius:10px;font-size:.7rem;font-weight:750}.offline-pill{padding:6px 9px;color:#ffd4a0;background:#6b481d;border-radius:999px;font-size:.65rem;font-weight:800}.account-menu{display:flex;align-items:center;gap:9px}.account-menu>span{width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:#eef0e9;border-radius:50%;font-size:.68rem;font-weight:850}.account-menu>div{display:flex;flex-direction:column}.account-menu strong{font-size:.68rem}.account-menu button{padding:0;color:#94988d;background:none;border:0;text-align:left;font-size:.62rem}.salon-main{width:min(1320px,100%);margin:0 auto;padding:46px clamp(20px,4vw,64px) 90px}.toast{position:fixed;z-index:80;top:88px;left:50%;transform:translate(-50%);width:min(480px,calc(100% - 32px));padding:12px 15px;border:1px solid;border-radius:12px;box-shadow:var(--shadow);font-size:.78rem;font-weight:650}.toast.success{color:#476214;background:#f1ffdc;border-color:#a6cd54}.toast.error{color:#8d3028;background:#fff1ef;border-color:#e2a7a1}.schedule-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}.schedule-header h1,.system-heading h1{margin:3px 0 8px;font-size:clamp(2.8rem,5vw,4.9rem);line-height:.95;letter-spacing:-.065em}.schedule-header>div:first-child>p:last-child,.system-heading p:last-child{margin:0;color:var(--muted);font-size:.86rem}.today-summary{min-width:330px;display:grid;grid-template-columns:1fr 1.35fr;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 30px #1d1f1a08}.today-summary>div{padding:15px 18px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px}.today-summary>div+div{border-left:1px solid var(--line)}.today-summary span{color:var(--muted);font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.today-summary strong{grid-row:1 / 3;grid-column:2;font-size:1.25rem;letter-spacing:-.04em}.today-summary small{color:var(--soft-muted);font-size:.63rem}.staff-section{margin-bottom:26px}.staff-label{display:flex;align-items:baseline;gap:8px;margin-bottom:11px}.staff-label span{color:var(--muted);font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.staff-label strong{font-size:.75rem}.employee-switcher{display:flex;gap:9px;padding-bottom:5px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.employee-switcher>button{min-width:156px;display:flex;align-items:center;gap:10px;padding:10px 13px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:14px;text-align:left;scroll-snap-align:start;transition:transform .15s,border-color .15s,background .15s}.employee-switcher>button:hover{transform:translateY(-1px);border-color:#b7bbaf}.employee-switcher>button.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 8px 20px #1d1f1a19}.employee-avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:10px;font-size:.78rem;font-weight:850}.employee-avatar.all{background:#ebede6}.employee-switcher>button.active .employee-avatar.all{background:var(--lime)}.employee-switcher>button>span:last-child{min-width:0;display:flex;flex-direction:column}.employee-switcher strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.employee-switcher small{color:var(--soft-muted);font-size:.62rem}.employee-switcher>button.active small{color:#9da196}.view-toolbar{min-height:48px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mobile-view-tabs{display:none}.month-picker{display:flex;align-items:center;gap:9px;margin:0 auto 0 0;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.month-picker input{width:auto;padding:7px 9px;border-radius:9px;font-size:.73rem}.refresh-button{display:flex;align-items:center;gap:7px;padding:8px 10px;color:var(--muted);background:transparent;border:0;font-size:.7rem;font-weight:750}.refresh-button:hover{color:var(--ink)}.schedule-loading{min-height:330px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted);font-size:.8rem}.schedule-list{padding-top:24px}.day-group+.day-group{margin-top:34px}.day-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.day-group>header>div{display:flex;align-items:baseline;gap:9px}.day-group h2{margin:0;font-size:1rem;letter-spacing:-.025em}.day-group header span{color:var(--muted);font-size:.7rem}.day-group header>small{color:var(--soft-muted);font-size:.66rem}.day-visits{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 25px #1d1f1a05}.visit-card{min-height:132px;display:grid;grid-template-columns:105px minmax(0,1fr) 100px;align-items:stretch;background:var(--paper);border-left:4px solid var(--lime)}.visit-card+.visit-card{border-top:1px solid var(--line)}.visit-card.visit-completed{border-left-color:#77a624}.visit-card.visit-no_show{border-left-color:#d29034}.visit-card.is-cancelled{border-left-color:#c9cbc4;background:#fafaf8}.visit-time{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 14px;border-right:1px solid var(--line)}.visit-time strong{font-size:1.35rem;letter-spacing:-.045em}.visit-time span{margin-top:3px;color:var(--soft-muted);font-size:.65rem}.visit-main{min-width:0;padding:18px 22px}.visit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.visit-heading>div{min-width:0;display:flex;align-items:center;gap:9px}.visit-heading>div>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem}.appointment-badge{width:fit-content;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;font-size:.58rem;font-weight:850;white-space:nowrap}.appointment-badge.scheduled{color:#577812;background:var(--lime-soft)}.appointment-badge.completed{color:#4d7011;background:#e9f8d0}.appointment-badge.no-show{color:#8f5c0d;background:var(--amber-soft)}.appointment-badge.changed{color:var(--blue);background:var(--blue-soft)}.appointment-badge.cancelled{color:#73766e;background:#eaebe7}.visit-price{flex:0 0 auto;font-size:.88rem;font-weight:850}.visit-service{display:flex;align-items:center;gap:7px;margin-top:10px;color:#4e5248;font-size:.77rem}.visit-service .icon{color:var(--lime-deep)}.visit-meta{display:flex;align-items:center;gap:16px;margin-top:12px;color:var(--muted);font-size:.67rem}.visit-meta span{display:flex;align-items:center;gap:5px}.visit-meta a{color:var(--blue);text-decoration:none}.tip-line{display:flex;align-items:center;gap:5px;margin-top:12px;color:var(--muted);font-size:.65rem}.tip-line strong{color:var(--lime-deep)}.tip-line span{margin-left:8px;padding-left:10px;border-left:1px solid var(--line)}.visit-action{display:grid;place-items:center;padding:18px;border-left:1px solid var(--line)}.outline-button{min-width:72px;padding:8px 11px;color:var(--ink);background:#fff;border:1px solid #cfd2c9;border-radius:9px;font-size:.68rem;font-weight:800}.outline-button:hover{border-color:var(--ink)}.cancel-note{color:var(--soft-muted);font-size:.62rem;text-align:center}.is-cancelled .visit-time,.is-cancelled .visit-main{opacity:.62}.schedule-empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:16px;color:var(--lime-deep);background:var(--lime-soft);border-radius:18px}.schedule-empty strong{font-size:.95rem}.schedule-empty p{max-width:380px;margin:7px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:#11130f99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.visit-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow-y:auto;padding:30px;background:var(--paper);border-radius:22px;box-shadow:0 28px 90px #0006}.modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;display:grid;place-items:center;padding:0;color:var(--muted);background:#f0f1ec;border:0;border-radius:10px}.visit-modal h2{margin:4px 42px 6px 0;font-size:1.65rem;letter-spacing:-.045em}.modal-subtitle{color:var(--muted);font-size:.74rem}.status-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;padding:0;border:0}.status-choice legend{grid-column:1 / -1;margin-bottom:8px;color:#575b52;font-size:.72rem;font-weight:800}.status-choice button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;color:var(--ink);background:#fafbf8;border:1px solid var(--line);border-radius:13px}.status-choice button>span{width:33px;height:33px;display:grid;place-items:center;margin-bottom:3px;color:#65695f;background:#eceee8;border-radius:10px;font-size:.66rem;font-weight:900}.status-choice button strong{font-size:.7rem}.status-choice button small{color:var(--soft-muted);font-size:.57rem}.status-choice button.selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.status-choice button.selected.completed>span{color:#486a0e;background:var(--lime)}.status-choice button.selected.no-show>span{color:#794c08;background:#ffd98e}.status-choice button.selected.scheduled>span{color:var(--blue);background:var(--blue-soft)}.tip-field{margin-top:0}.tip-field>span{position:relative;display:block}.tip-field input{padding-right:44px;font-size:1rem;font-weight:750}.tip-field em{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.78rem;font-style:normal}.tip-field small{color:var(--soft-muted);font-weight:400;line-height:1.5}.payment-summary{margin-top:20px;padding:14px;background:#f5f6f1;border-radius:12px}.payment-summary span{display:flex;justify-content:space-between;padding:4px 0;color:var(--muted);font-size:.7rem}.payment-summary span strong{color:var(--ink)}.payment-summary .total{margin-top:7px;padding-top:10px;color:var(--ink);border-top:1px solid var(--line);font-weight:800}.payment-summary .total strong{font-size:.9rem}.save-visit{background:var(--lime);color:var(--ink)}.save-visit:hover{background:#b7e44b}.system-heading{margin-bottom:34px}.system-grid{display:grid;grid-template-columns:1.25fr 1fr .8fr .8fr;gap:12px}.system-card{min-height:190px;display:flex;flex-direction:column;padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:17px}.system-card.dark{color:#fff;background:var(--ink);border-color:var(--ink)}.system-card.warning{background:var(--amber-soft);border-color:#e2c27f}.system-label{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.dark .system-label{color:#979b90}.system-card>strong{margin-top:13px;font-size:2rem;letter-spacing:-.05em}.system-card>strong.system-date{font-size:1.25rem}.system-card>p{margin:7px 0 18px;color:var(--muted);font-size:.7rem;line-height:1.45}.dark>p{color:#a6aaa0}.system-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.system-footer>span{display:flex;align-items:center;gap:6px;color:#b8bbb2;font-size:.62rem}.system-footer i{width:7px;height:7px;background:#777;border-radius:50%}.system-footer i.online{background:var(--lime)}.system-footer button{display:flex;align-items:center;gap:5px;padding:7px 9px;color:var(--ink);background:var(--lime);border:0;border-radius:8px;font-size:.62rem;font-weight:800}.privacy-card{display:flex;align-items:flex-start;gap:14px;margin-top:24px;padding:20px;color:#3f5d0d;background:var(--lime-soft);border:1px solid #cfeb93;border-radius:15px}.privacy-icon{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:#688f15;border-radius:9px;font-size:.7rem;font-weight:900}.privacy-card strong{font-size:.8rem}.privacy-card p{margin:4px 0 0;color:#61733e;font-size:.7rem;line-height:1.5}.mobile-bottom-nav{display:none}@media(max-width:1050px){.salon-topbar{grid-template-columns:190px 1fr 190px}.system-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr 420px}.login-copy h1{font-size:4.2rem}}@media(max-width:780px){body{padding-bottom:env(safe-area-inset-bottom)}.login-shell{grid-template-columns:1fr}.login-copy{min-height:46vh;padding:92px 28px 44px}.login-copy .brand-lockup{top:24px}.login-copy h1{font-size:2.9rem}.login-copy .lead{font-size:.9rem}.security-note{margin-top:18px}.login-panel{padding:38px 28px 48px}.salon-topbar{min-height:62px;grid-template-columns:1fr auto;padding:0 16px}.salon-brand small,.desktop-nav,.account-menu>div{display:none}.salon-brand .brand-mark.small{width:34px;height:34px}.topbar-tools{gap:8px}.install-button{width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:0}.salon-main{padding:30px 14px 100px}.schedule-header{align-items:stretch;flex-direction:column;gap:20px;margin-bottom:28px}.schedule-header h1,.system-heading h1{font-size:3rem}.schedule-header>div:first-child>p:last-child{max-width:330px;line-height:1.5}.today-summary{min-width:0;width:100%}.today-summary>div{padding:13px 14px}.today-summary strong{font-size:1.05rem}.staff-section{margin-inline:-14px}.staff-label{padding-inline:14px}.employee-switcher{padding:0 14px 7px}.employee-switcher>button{min-width:142px}.view-toolbar{justify-content:space-between}.mobile-view-tabs{display:flex;gap:3px;padding:3px;background:#e8eae3;border-radius:9px}.mobile-view-tabs button{padding:7px 10px;color:var(--muted);background:transparent;border:0;border-radius:7px;font-size:.66rem;font-weight:800}.mobile-view-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 6px #00000012}.month-picker{margin-left:0}.month-picker{font-size:0}.month-picker input{max-width:135px}.refresh-button{width:34px;height:34px;display:grid;place-items:center;padding:0;font-size:0}.schedule-list{padding-top:20px}.day-group+.day-group{margin-top:28px}.day-visits{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.visit-card{min-height:0;grid-template-columns:65px minmax(0,1fr);margin-bottom:9px;border:1px solid var(--line);border-left:4px solid var(--lime);border-radius:15px;box-shadow:0 5px 18px #1d1f1a08;overflow:hidden}.visit-card+.visit-card{border-top:1px solid var(--line)}.visit-card.visit-completed{border-left-color:#77a624}.visit-card.visit-no_show{border-left-color:#d29034}.visit-card.is-cancelled{border-left-color:#c9cbc4}.visit-time{grid-row:1 / 3;padding:16px 8px;justify-content:flex-start;border-right:1px solid var(--line)}.visit-time strong{font-size:1rem}.visit-time span{font-size:.56rem}.visit-main{padding:14px 12px 9px}.visit-heading{gap:7px}.visit-heading>div{align-items:flex-start;flex-direction:column;gap:5px}.visit-heading>div>strong{max-width:175px;font-size:.82rem}.visit-price{font-size:.76rem}.visit-service{margin-top:9px;font-size:.69rem}.visit-meta{gap:10px;margin-top:10px;flex-wrap:wrap;font-size:.61rem}.tip-line{flex-wrap:wrap;margin-top:9px}.visit-action{grid-column:2;display:flex;justify-content:flex-end;padding:0 12px 12px;border-left:0}.outline-button{min-width:80px}.visit-modal{align-self:end;width:calc(100% + 36px);max-height:92vh;margin:-18px;padding:26px 20px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.modal-backdrop{place-items:end center}.status-choice{gap:6px}.status-choice button{padding:12px 4px}.status-choice button small{display:none}.system-grid{grid-template-columns:1fr}.system-card{min-height:160px}.mobile-bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -8px 30px #1d1f1a0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px;color:#8b8e85;background:none;border:0;font-size:.58rem;font-weight:750}.mobile-bottom-nav button.active{color:var(--ink)}.mobile-bottom-nav button.active .icon{color:var(--lime-deep);stroke-width:2.3}}@media(max-width:420px){.today-summary{grid-template-columns:.85fr 1.15fr}.today-summary span{font-size:.58rem}.schedule-header h1,.system-heading h1{font-size:2.65rem}.appointment-badge{font-size:.53rem}.visit-heading>div>strong{max-width:145px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}