/* Shared with Trimello's clean landing design. */
:root,html[data-theme=light]{color-scheme:light;--bg:#f6f8fb;--surface:#fff;--surface-soft:#f7f9fc;--input:#fff;--ink:#101a32;--muted:#667084;--line:#e5e8ee;--accent:#2759ed;--accent-ink:#fff;--selected:#edf2ff;--success:#278261;--shadow:0 6px 24px #13295605}
html[data-theme=dark]{color-scheme:dark;--bg:#080e20;--surface:#111a30;--surface-soft:#151f36;--input:#0c1428;--ink:#f4f6ff;--muted:#a7b2ca;--line:#26314b;--accent:#aac0ff;--accent-ink:#0a1226;--selected:#19274b;--success:#93d5b8;--shadow:0 12px 40px #0001}
html[data-palette=charcoal][data-theme=light]{--bg:#f7f8fa;--surface:#fff;--surface-soft:#f5f6f8;--input:#fff;--ink:#19212e;--muted:#677080;--line:#e3e6eb;--accent:#384455;--accent-ink:#fff;--selected:#edf0f4}
html[data-palette=charcoal][data-theme=dark]{--bg:#101318;--surface:#181d25;--surface-soft:#202630;--input:#12171e;--ink:#f2f5f9;--muted:#a9b2c2;--line:#303946;--accent:#cad5e7;--accent-ink:#151c28;--selected:#283445}
body{-webkit-font-smoothing:antialiased;font-size:14px}h1,h2,h3{letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(28px,3vw,39px);line-height:1.18}h2{font-size:21px}.wordmark{font-weight:600;letter-spacing:-1.7px;font-size:30px}.wordmark span{font-size:inherit;margin:0;line-height:1}.app-sidebar{width:236px;padding:32px 18px 22px;background:var(--surface)}.app-sidebar>.wordmark{margin-bottom:38px;padding-left:16px}.sidebar-label{font-size:9px;letter-spacing:.12em;color:var(--muted)}.primary-nav{gap:5px}.nav-item{min-height:46px;border-radius:8px;font-size:12px;font-weight:500;transition:background .2s,color .2s}.nav-item.is-active{color:var(--accent);background:var(--selected)}.nav-item svg{width:18px;height:18px}.app-body{margin-left:236px;width:calc(100% - 236px)}.app-topbar{height:76px;background:var(--surface);padding-inline:40px}.icon-button{border-radius:50%;width:36px;height:36px;display:inline-grid;place-items:center}.mobile-logout{display:none}.role-pill{border:1px solid var(--line);padding:5px 10px;border-radius:20px;font-size:10px}.page-wrap{max-width:1550px;padding:38px 40px 24px}.page-heading{margin-bottom:28px}.page-description{font-size:13px;margin-top:12px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px}.btn{border-radius:9px;transition:background .2s,border-color .2s,box-shadow .2s;font-size:12px;padding:11px 17px}.btn.primary{box-shadow:0 4px 12px #2759ed16}.btn:hover{border-color:var(--accent)}.btn.primary:hover{filter:none;box-shadow:0 5px 16px #2759ed25}.panel{border-radius:15px;padding:28px;box-shadow:none;margin-block:22px}.panel>h3{font-size:23px}.panel>.section-heading:first-child{margin-top:0}.section-heading h2{font-size:21px}.section-heading p{line-height:1.8}.panel form{margin-top:25px}input,select,textarea{border-radius:8px;font-size:13px;min-height:46px}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--muted) 40%,var(--line))}input:focus,select:focus,textarea:focus{border-color:var(--accent)}form label{font-size:12px}.settings-fields{gap:22px}.shop-context{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 17px;margin:0 0 25px;gap:16px}.calendar-select select{min-height:38px;padding-block:7px;font-size:11px}.shop-sidebar-context{padding:18px 14px;margin:22px 0 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shop-sidebar-context strong{font-size:13px;display:block;overflow-wrap:anywhere;font-weight:500}.shop-sidebar-context small{font-size:10px;display:block;margin-top:4px}.shop-sidebar-nav{display:grid;gap:4px}.workspace-tabs{gap:6px;border:0;padding:5px;background:var(--surface);border-radius:10px}.workspace-tabs button{border:0;border-radius:7px;min-height:43px}.workspace-tabs button.is-active{background:var(--selected)}.settings-nav{gap:8px;padding-top:0}.settings-nav .btn{border:0;background:transparent;min-height:40px}.settings-nav .is-active{background:var(--selected)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:24px}.shop-card{border-radius:16px;padding:28px 28px 0;box-shadow:none}.shop-card h2{font-size:24px}.shop-card:hover{box-shadow:0 10px 30px #13295608}.shop-card-top{margin-bottom:30px}.shop-avatar{border:0;border-radius:13px;background:var(--selected)}.shop-card-footer{padding:15px 0;margin-top:24px}.shop-card-footer .text-button{width:auto}.shop-card-footer .danger-text{font-size:10px}.shop-created{font-size:10px}.shop-timezone,.shop-record-counts{font-size:11px}.empty-state{border:1px solid var(--line);padding:70px 28px}.empty-state h2{font-size:24px}.plan-summary{font-size:12px;line-height:1.8}.trial-banner{background:var(--selected);border:0;border-radius:12px;padding:17px 22px;font-size:12px;color:var(--muted)}.trial-banner strong{font-size:12px;color:var(--ink);font-weight:500}.trial-expired{border:1px solid #c89d64}.metric-grid{gap:20px}.metric-card{border-radius:13px;padding:25px;box-shadow:none}.metric-card strong{font-size:36px;letter-spacing:-.05em}.metric-card p{line-height:1.7}.metric-label{font-size:11px}.metric-label>span{border-radius:50%}.calendar-panel{padding:25px}.calendar-toolbar{margin:23px 0 17px}.calendar-toolbar .view-switch{gap:3px;padding:4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px}.view-switch .btn{border:0;background:transparent;min-height:34px;padding:7px 11px}.view-switch .btn.primary{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #13295612}.time-calendar-scroll{border-radius:12px}.time-column-heading{padding:17px 8px;background:var(--surface-soft);font-size:11px}.time-column-heading small{margin-top:4px}.time-axis-heading{background:var(--surface-soft)}.time-slot{border-color:color-mix(in srgb,var(--line) 68%,transparent)}.time-slot.unavailable{background:var(--surface-soft)}.time-column .calendar-booking{border-top:0;border-bottom:0;border-right:0;border-left-width:3px;border-radius:5px;background:color-mix(in srgb,var(--service-color) 20%,var(--surface));box-shadow:none;padding:7px}.calendar-booking:hover{filter:none;box-shadow:0 3px 12px #13295615}.calendar-help,.calendar-legend{font-size:10px}.calendar-notice{font-size:12px;background:var(--surface-soft);line-height:1.8}.calendar-day-name{background:var(--surface-soft);padding:13px 8px}.calendar-cell{min-height:125px}.client-grid{gap:20px}.panel article.client-card{background:var(--surface);padding:24px;border-radius:13px}.client-card h3{font-size:16px}.client-card p{line-height:1.8}.client-avatar{border-radius:50%}.resource-row,.history-item{padding:20px 8px}.resource-row:last-child{border-bottom:0}.invoice-metrics{gap:20px}.invoice-metrics>div{background:var(--surface);border-radius:12px;padding:25px}.invoice-metrics strong{font-weight:600;font-size:32px;letter-spacing:-.045em}.invoice-filters{padding:20px;background:var(--surface-soft);border-radius:12px;gap:20px}.invoice-row{padding:22px 12px}.invoice-row strong{font-weight:500;font-size:14px}.invoice-row .status-tag{border-radius:20px;padding:4px 9px}.invoice-paper{border:1px solid #e5e8ee;border-radius:12px;padding:30px;font-family:Poppins,sans-serif}.invoice-letterhead h2{font-family:Poppins,sans-serif;font-weight:600}.invoice-word{letter-spacing:.09em;font-size:16px}.invoice-lines{min-width:0}.invoice-lines th{background:#f6f8fb;color:#667084}.invoice-lines td,.invoice-lines th{border-color:#e5e8ee}.invoice-totals .invoice-balance{border-color:#2759ed}.invoice-thanks{color:#667084}.invoice-footnote{color:var(--muted);line-height:1.8}table th{font-weight:500;font-size:10px;letter-spacing:.08em;background:var(--surface-soft)}th,td{padding:17px 14px}tbody tr:hover{background:var(--surface-soft)}.environment-card{border-radius:13px;box-shadow:none}.identity-preview{background:var(--surface-soft);border-radius:13px}.workspace-footer{font-size:10px;margin-top:44px;padding-top:22px}.workspace-footer>span{opacity:1}#workspace-dialog,.shop-deletion-dialog{border-radius:18px;box-shadow:0 30px 100px #101a3229;padding:32px}#workspace-dialog::backdrop,.shop-deletion-dialog::backdrop{background:#101a3266;backdrop-filter:blur(5px)}.dialog-close{border-radius:50%}#dialog-content h2{font-size:26px}.account-header{max-width:1280px;padding:29px 42px;justify-content:space-between;border-bottom:1px solid var(--line)}.account-header>span{margin-right:auto}.account-header .account-home{font-size:12px;color:var(--muted);text-decoration:none}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:start;max-width:1100px;margin:70px auto}.auth-intro{padding-top:30px}.auth-intro h1{font-size:clamp(40px,4.6vw,58px);line-height:1.08;max-width:540px;letter-spacing:-.055em}.auth-intro h1 span{color:var(--accent)}.auth-intro>p:not(.eyebrow){font-size:14px;line-height:1.9;margin-top:24px;max-width:420px}.auth-benefits{margin-top:35px;display:grid;gap:17px;font-size:12px;color:var(--muted)}.auth-benefits span{display:flex;align-items:center;gap:12px}.auth-benefits svg{width:18px;color:var(--accent)}.auth-art{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;margin-top:36px;max-width:400px;box-shadow:var(--shadow)}.auth-art>strong{font-size:12px;font-weight:500}.auth-art>p{font-size:11px;color:var(--muted);margin:4px 0 17px}.auth-mini-row{padding:12px;border-left:3px solid var(--accent);background:var(--selected);border-radius:6px;display:flex;justify-content:space-between;font-size:11px;gap:20px}.auth-mini-row+small{display:block;margin-top:12px}.auth-panel{min-width:0}.auth-panel .cl-rootBox{margin:0;width:100%}.auth-panel .cl-cardBox{width:100%;max-width:100%}.auth-panel .cl-card{box-shadow:none;border:1px solid var(--line);border-radius:16px}.auth-panel .cl-footer{background:var(--surface-soft)}.auth-panel .cl-formButtonPrimary{background:#2759ed}.auth-panel .cl-footerActionLink{color:#2759ed}.auth-panel .cl-formFieldInput{font-family:Poppins,sans-serif}.auth-caption{font-size:10px;color:var(--muted);margin-top:20px;text-align:center}.auth-caption a{color:var(--accent)}.account-loader{padding:80px 20px;text-align:center;color:var(--muted)}.account-loader i{display:block;width:28px;height:28px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;margin:0 auto 20px;animation:account-spin .8s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}
@media(min-width:1001px){body[data-shop-open=true] .workspace-tabs{display:none}body[data-shop-open=true] #home.is-active{background:transparent;color:var(--muted)}}
@media(max-width:1000px){.app-sidebar{width:200px;padding-inline:12px}.app-body{margin-left:200px;width:calc(100% - 200px)}.page-wrap{padding:28px 24px}.app-topbar{padding-inline:24px}.shop-sidebar-nav,.shop-sidebar-context{display:none}.auth-layout{gap:35px;margin-top:45px}.calendar-panel{padding:20px}.auth-intro h1{font-size:42px}.invoice-metrics>div{padding:19px}.invoice-metrics strong{font-size:27px}}
@media(max-width:720px){.app-sidebar{width:100%;position:static;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-right:0}.app-sidebar>.wordmark{margin:0;padding:0;font-size:26px}.primary-nav{display:flex}.nav-item{padding:8px 10px;border-radius:8px;font-size:10px;min-height:38px}.nav-item svg{width:16px;height:16px}.app-body{width:100%;margin:0}.page-wrap{padding:27px 18px 20px}.app-topbar{height:62px;padding-inline:20px}.mobile-logout{display:inline-grid}.page-heading{margin-bottom:23px}.page-description{font-size:12px}.panel{padding:22px 18px}.section-heading h2{font-size:19px}.shop-card{padding:24px 24px 0}.shop-card h2{font-size:24px}.shop-context{padding:12px;font-size:10px;gap:10px}.calendar-select select{min-width:0}.workspace-tabs{margin-inline:0;padding:4px;gap:2px}.workspace-tabs button{padding:10px 12px;font-size:11px}.metric-card strong{font-size:28px}.calendar-panel{padding:20px 10px}.calendar-toolbar .view-switch{width:auto}.time-column-heading{padding-inline:4px}.invoice-metrics{gap:8px}.invoice-metrics>div{padding:15px 10px}.invoice-metrics strong{font-size:23px}.invoice-filters{padding:15px}.invoice-row{padding:18px 4px}.invoice-row strong{font-size:12px}.invoice-paper{padding:22px 15px}.invoice-paper table{min-width:0}.auth-layout{grid-template-columns:1fr;gap:32px;margin:18px auto 45px;max-width:470px}.auth-intro{padding-top:10px}.auth-intro h1{font-size:39px}.auth-intro>p:not(.eyebrow){font-size:12px;margin-top:18px}.auth-benefits{gap:10px;margin-top:22px;font-size:11px}.auth-art{display:none}.account-header{padding:23px}.account-header>span{display:none}.account-header .account-home{font-size:11px}.auth-caption{font-size:9px}#workspace-dialog,.shop-deletion-dialog{padding:25px 20px}.workspace-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.app-sidebar{overflow-y:auto}.view-switch [data-new-appointment]{background:var(--accent);color:var(--accent-ink);box-shadow:none}