/* Static graphite direction; movement belongs to controls, never the backdrop. */
.refined{--ink:#f4f4f2;--muted:#c6c9cd;--accent:#e5e6e5;--on-accent:#30343a;--glass:rgba(236,239,242,.09);--line:rgba(255,255,255,.18);--faint:rgba(255,255,255,.11);--sheet:#34383f;--secondary:rgba(255,255,255,.065);--shadow:0 6px 18px #1013180b;background:#282c31}
.refined .backdrop{background:radial-gradient(ellipse at 110% 22%,#66696e 0,transparent 53%),radial-gradient(ellipse at -25% 93%,#515b62 0,transparent 51%),linear-gradient(155deg,#292e35,#484b52 70%,#353b41)}
.refined .backdrop:after{background:linear-gradient(115deg,transparent 30%,#ffffff06 31%,#ffffff02 42%,transparent 43%);transform:skewX(-12deg)}
[hidden]{display:none!important}a,button,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #edf1f4}.app{max-width:460px}.app-header{padding:12px 18px 9px;min-height:71px}.brand{font-size:22px;letter-spacing:-1.2px}.brand b{color:#e5e6e5}.header-actions{align-items:center;gap:13px}.demo-chip{border:1px solid #ffffff1f;background:#ffffff05;border-radius:7px;padding:2px 7px;color:#bfc4ca;font-size:10px;min-height:30px}.avatar-button{width:40px;height:40px;font-size:12px;overflow:hidden}.avatar-button img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-button img{border-radius:50%}.scroll{padding:4px 16px 20px}.date-row{gap:7px;margin:0 0 1px}.date-row .date-button{font-size:13px;min-height:44px;border-radius:14px;gap:8px}.date-row>.icon-button{min-width:40px;height:44px;border-radius:13px}.date-caption{min-height:40px;margin:0 2px 6px;font-size:11px}.text-button{font-weight:500;color:var(--ink);font-size:12px;min-height:40px}.record-list{display:flex;flex-direction:column;gap:7px}.record{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:67px;padding:11px 13px;border-radius:16px;text-align:left}.record-time{align-self:center;font-size:14px;letter-spacing:-.3px;font-weight:600;font-variant-numeric:tabular-nums}.record-time small{display:block;font-size:11px;line-height:1.2;font-weight:400;color:var(--muted);margin-top:5px}.record-person{min-width:0}.record-person strong{font-size:13px;line-height:1.3;font-weight:570;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.record-person small{display:block;font-size:11px;line-height:1.3;color:var(--muted);margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.record-meta{text-align:right;min-width:55px}.record-meta strong{display:block;font-size:12px;font-weight:500;white-space:nowrap}.record-meta small{font-size:10px;color:var(--muted);display:flex;justify-content:flex-end;gap:3px;align-items:center;margin-top:5px}.record-meta svg{width:11px;height:11px}.record.cancelled{opacity:.6}.app-footer{padding:9px 14px max(12px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#30353bac,#373c4300);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-footer>.primary-button{min-height:47px;margin-bottom:9px;border-radius:15px;font-size:13px}.primary-button{background:linear-gradient(135deg,#eceeed,#d0d5d6);color:#2d3339;border-color:#ffffff70;box-shadow:0 5px 17px #15192120,inset 0 1px #fff9;font-weight:600}.primary-button:active{background:#d2d6d7}.secondary-button{font-size:12px;min-height:44px}.bottom-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;isolation:isolate;gap:0;padding:5px;border-radius:21px}.nav-indicator{position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/3);background:#ffffff13;border:1px solid #ffffff37;border-radius:16px;box-shadow:0 3px 12px #0000000c,inset 0 1px #ffffff22;z-index:-1;transition:transform 440ms cubic-bezier(.22,.75,.18,1)}.bottom-tabs[data-active="1"] .nav-indicator{transform:translateX(100%)}.bottom-tabs[data-active="2"] .nav-indicator{transform:translateX(200%)}.bottom-tabs .nav-button{min-height:52px;font-size:10px;background:transparent;box-shadow:none;gap:4px}.nav-button svg{width:19px;height:19px}.nav-button[aria-current=page]{background:none;box-shadow:none;color:#fff}.page-title{font-size:26px;letter-spacing:-.8px;font-weight:530;margin:6px 2px 19px}.client-list{gap:7px}.client-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;min-height:65px;border-radius:16px;padding:12px 15px}.client-entry>span{min-width:0}.client-entry strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}.client-entry small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.client-entry svg{width:16px;color:var(--muted)}.search-field{margin-bottom:13px}.profile-card{display:flex;align-items:center;gap:12px;padding:14px;width:100%;text-align:left;margin-bottom:17px;min-height:77px;border-radius:20px}.profile-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid var(--line);background:var(--secondary);font-size:13px;overflow:hidden}.profile-card>span:nth-child(2){flex:1;min-width:0}.profile-card strong{display:block;font-size:15px;font-weight:550;overflow-wrap:anywhere}.profile-card small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.profile-card>svg{width:17px;color:var(--muted)}.settings-group{border-radius:20px;margin-bottom:16px}.settings-row{min-height:68px;padding:13px 15px;gap:13px}.settings-row strong{font-size:13px;font-weight:550}.settings-row small{font-size:11px;margin-top:4px}.settings-row>svg:first-child{width:20px;color:var(--muted)}.settings-row>svg:last-child{width:16px}.sharing-card{padding:16px;border-radius:20px}.sharing-heading{display:flex;align-items:center;gap:10px}.sharing-heading svg{width:18px}.sharing-heading h2{font-size:15px;font-weight:550}.sharing-card>p{color:var(--muted);font-size:12px;line-height:1.5;margin-top:10px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.share-actions button{padding:10px 9px;font-size:11px;gap:6px;border-radius:13px;white-space:nowrap}.share-actions svg{width:15px;height:15px}.sharing-card .share-note{font-size:10px;line-height:1.55;margin-top:11px}.sheet{border-radius:25px 25px 0 0;background:linear-gradient(150deg,#444951,#30353b);max-height:92dvh}.sheet-body{padding:10px 20px max(24px,env(safe-area-inset-bottom));max-height:90dvh}.sheet-head{margin-bottom:20px}.sheet-head h2{font-size:22px;font-weight:550}.sheet-head .icon-button{width:40px;height:40px}.sheet-subtitle{font-size:12px;line-height:1.6}.field-label{font-size:12px;font-weight:500}.field-label input,.field-label textarea{font:inherit;font-size:16px;width:100%;background:var(--secondary);border:1px solid var(--line);border-radius:13px;color:var(--ink);padding:12px;min-height:47px;margin-top:7px}.field-label textarea{resize:vertical;min-height:86px;display:block}.field-label .optional{color:var(--muted);font-size:10px;font-weight:400;margin-left:4px}.field-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;width:100%;padding:12px 13px;margin-top:7px;background:var(--secondary);border:1px solid var(--line);border-radius:13px;text-align:left;font-size:14px;font-weight:400}.field-picker span{min-width:0;overflow-wrap:anywhere}.field-picker small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.field-picker svg{width:17px}.form-hint{font-size:12px;line-height:1.5;color:var(--muted)}.form-error:empty{display:none}.theme-dusk .form-error{color:#ffbdb7}.time-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 0;max-height:205px;overflow:auto;padding:2px}.time-slots button{min-height:43px;font-size:13px;border-radius:12px;padding:0}.time-slots:not([hidden]){animation:times-in .22s ease}.no-slots{grid-column:1/-1;color:var(--muted);line-height:1.55;font-size:12px;font-weight:400}.time-slots button[aria-pressed=true]{background:#e2e6e7;color:#30353a}.service-choices{display:flex;flex-direction:column;margin-bottom:14px}.service-choice{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 3px;gap:12px;background:none;border-bottom:1px solid var(--faint);text-align:left}.service-choice strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.service-choice small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.service-choice svg{width:17px;color:var(--muted)}.service-choice[aria-pressed=true]>svg{color:#fff}.photo-editor{display:flex;align-items:center;gap:18px}.profile-avatar.large{width:74px;height:74px;font-size:22px}.photo-upload{position:relative;overflow:hidden;cursor:pointer;font-size:12px;width:max-content}.photo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-upload:focus-within{outline:2px solid #fff;outline-offset:3px}.photo-editor .text-button{padding:0;min-height:35px;font-size:11px}.photo-help{font-size:10px;color:var(--muted)}.schedule-week{margin-top:20px;border-top:1px solid var(--faint);padding-top:18px}.schedule-week h3{font-size:13px}.schedule-save{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:17px}.schedule-save button{padding-inline:8px;font-size:12px}.calendar-day{font-size:13px}.calendar-day[aria-pressed=true]{background:#dce1e3;color:#32373e}.calendar-day.has-visit:after{bottom:6px}.weekday-picks button{font-size:12px;min-height:43px}.weekday-picks button[aria-pressed=true]{background:#dce1e3;color:#32373e}.report-period{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.report-period h3{font-size:15px;text-transform:capitalize}.report-period .icon-button{width:38px;height:38px}.report-total{padding:20px;border-radius:20px}.report-total>span{font-size:12px;color:var(--muted)}.report-total>strong{display:block;font-size:37px;font-weight:500;letter-spacing:-1.5px;margin:9px 0 7px}.report-total p{font-size:12px;color:var(--muted)}.report-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.report-counts>div{padding-right:5px;border-right:1px solid var(--faint)}.report-counts>div:last-child{border:0}.report-counts strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.5px}.report-counts span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.report-expected{display:flex;justify-content:space-between;align-items:center;font-size:12px;gap:10px;border-block:1px solid var(--faint);padding:15px 0}.report-expected span{color:var(--muted)}.report-expected strong{font-size:15px;font-weight:500}.report-heading{font-size:13px;margin:22px 0 9px}.report-service{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--faint);font-size:12px}.report-service small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.report-service strong{font-weight:500;white-space:nowrap}.report-bars{display:flex;align-items:flex-end;gap:3px;height:80px;margin:20px 0 8px}.report-bars span{flex:1;min-width:0;height:2px;border-radius:3px;background:#c8d1d6}.report-bars [data-level="1"]{height:10%}.report-bars [data-level="2"]{height:20%}.report-bars [data-level="3"]{height:30%}.report-bars [data-level="4"]{height:40%}.report-bars [data-level="5"]{height:50%}.report-bars [data-level="6"]{height:60%}.report-bars [data-level="7"]{height:70%}.report-bars [data-level="8"]{height:80%}.report-bars [data-level="9"]{height:90%}.report-bars [data-level="10"]{height:100%}.chart-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.history-date{font-size:11px;color:var(--muted);margin:12px 2px 0}.client-hero{padding:19px;border-radius:21px}.client-hero .profile-avatar{margin-bottom:14px}.client-hero h1{font-size:26px;line-height:1.15;overflow-wrap:anywhere}.profile-about{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px;white-space:pre-line}.client-choice h3{font-size:13px;font-weight:500}.client-choice{padding:15px;border-radius:20px}.client-choice .service-choices{margin-bottom:0}.client-choice .service-choice:last-child{border:0;padding-bottom:0}.client-choice .time-slots{max-height:none}.client-choice .date-button{font-size:12px;min-height:45px}.client-contact input{font-size:16px}.toast{background:#e0e5e8;color:#242a30;bottom:max(150px,calc(env(safe-area-inset-bottom) + 135px))}.small-note{font-size:11px;line-height:1.6}.empty h3{font-size:15px}.empty p{margin-bottom:0}.detail-person h3{font-size:21px;overflow-wrap:anywhere}.detail-block{font-size:12px;gap:13px}.detail-block>span:nth-child(odd){overflow-wrap:anywhere}.detail-block>span:nth-child(even){white-space:nowrap}.success-state h1{font-size:28px}
@keyframes times-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(min-width:600px){.refined{background:#20242a}.refined .backdrop{width:460px}.app{border-inline:1px solid #ffffff0d}}
@media(max-width:360px){.app-header{padding-inline:16px}.scroll{padding-inline:13px}.record{gap:8px;padding:11px;grid-template-columns:41px minmax(0,1fr) auto}.record-person strong{font-size:12px}.record-meta strong{font-size:11px}.sheet-body{padding-inline:16px}.share-actions button{font-size:10px}.date-row .date-button{font-size:12px;gap:6px}.date-row .date-button svg{width:16px}.header-actions{gap:10px}.calendar-grid{gap:2px}}
@media(max-height:690px){.app-header{min-height:63px}.app-footer{padding-top:7px}.app-footer>.primary-button{min-height:44px}.bottom-tabs .nav-button{min-height:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){.refined .glass,.refined .bottom-tabs{background:#474c54}}