@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap";:root{color:#1d2939;font-synthesis:none;text-rendering:optimizelegibility;background:linear-gradient(#cfe9ff 0%,#eaf7ff 43%,#fff0bc 100%);font-family:Heebo,Arial,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#cfe9ff 0%,#eaf7ff 43%,#fff0bc 100%) fixed;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{--service-teal:#0d9488;--service-teal-soft:color-mix(in srgb, var(--service-teal) 18%, white);--service-blue:#3b82f6;--service-blue-soft:color-mix(in srgb, var(--service-blue) 18%, white);--service-lavender:#8b5cf6;--service-lavender-soft:color-mix(in srgb, var(--service-lavender) 18%, white);--service-green:#22c55e;--service-green-soft:color-mix(in srgb, var(--service-green) 18%, white);--service-peach:#f59e0b;--service-peach-soft:color-mix(in srgb, var(--service-peach) 18%, white);--service-pink:#ec4899;--service-pink-soft:color-mix(in srgb, var(--service-pink) 18%, white);--service-rose:#ef4444;--service-rose-soft:color-mix(in srgb, var(--service-rose) 18%, white);overscroll-behavior:none;background:#f8fdffe0;border:1px solid #d9b8f0;max-width:620px;min-height:100svh;margin:auto;padding-bottom:92px}.topbar{direction:ltr;background:#f8fcff;border-bottom:1px solid #c7eafb;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex}.brand{color:#0798dc;letter-spacing:.2px;align-items:center;gap:7px;font-size:20px;font-weight:700;display:flex}.brand-logo{object-fit:cover;border-radius:11px;width:52px;height:52px}.header-icon-button{color:#668094;background:#fff;border:1px solid #c7eafb;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.header-icon-button:hover{color:#0785c5;border-color:#94d9f4}.logout-button{color:#0798dc;width:auto;min-width:44px;min-height:44px;box-shadow:none;background:0 0;border:0;gap:6px;padding-inline:6px;font-size:14px;font-weight:700;display:inline-flex}.logout-button:hover,.logout-button:focus-visible{color:#0798dc;outline-offset:2px;background:0 0;border:0;outline:2px solid #0798dc55}.content{padding:18px 20px 27px}.content:has(.home-header){padding-top:8px}.content:has(.home-header) .page-heading{margin-bottom:12px}.content:has(.calendar-tools){padding-top:10px}.content:has(.calendar-tools) .page-heading{margin-bottom:10px}.calendar-page-title{color:#0798dc}.page-heading,.section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:25px;display:flex}.eyebrow,small{color:#858a9a}.eyebrow{margin:0 0 3px;font-size:13px}.page-heading .eyebrow{color:#0798dc;font-size:15px;font-weight:700}h1,h2{color:#20222b;margin:0}h1{letter-spacing:-.6px;font-size:28px;line-height:1.2}.greeting-title{align-items:center;gap:10px;display:flex}.greeting-title img{object-fit:contain;border-radius:10px;width:38px;height:38px}.home-title-row{align-items:center;gap:18px;min-height:72px;display:flex}.business-home-logo{object-fit:contain;object-position:center;width:150px;height:68px}.home-header-top{justify-content:space-between;align-items:center;gap:14px;min-height:50px;display:flex}.home-header-top .eyebrow{margin:0}.home-header-top .business-home-logo{width:116px;height:50px}.page-heading>div{width:100%}.home-header{direction:rtl;min-height:118px;display:flex}.home-copy{flex:0 0 39%;align-content:center;gap:5px;display:grid}.home-copy .eyebrow{margin:0}.home-date{color:#0798dc;margin:4px 0 0;font-size:15px;font-weight:700}.home-logo-block{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.home-logo-block .business-home-logo{object-fit:contain;object-position:center;width:100%;height:118px}h2{font-size:19px}small{font-size:13px;display:block}.section-head{margin-bottom:12px}.section-head p{color:#858a9a;margin:2px 0 0;font-size:13px}.today-heading{align-items:center}.today-day-card{background:linear-gradient(145deg,#f0fdf4 0%,#ecfdf5 50%,#f0fdf4 100%);border:2px solid #34d39999;border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 8px 20px #10b98122,0 0 0 2px #a7f3d055}.today-day-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.today-day-card-head h2{color:#064e3b;font-size:18px}.today-day-card-head p{color:#047857;margin:2px 0 0;font-size:13px}.today-day-badge{color:#047857;background:#d1fae5;border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:700}.today-empty{color:#064e3b;text-align:center;place-items:center;gap:6px;padding:28px 12px 18px;display:grid}.today-empty svg{color:#6ee7b7;margin-bottom:8px}.today-empty strong{font-size:16px;font-weight:700}.today-empty span{color:#047857;font-size:13px}.today-day-card .appointment-list{box-shadow:none;border:1px solid #a7f3d0;border-radius:12px}.today-day-card .appointment.today,.today-day-card .appointment{background:#fff}.today-day-card .appointment:hover{background:#f8fffb}.today-card-actions{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px;display:flex}.section-actions{align-items:center;gap:8px;display:flex}.quick-add{color:#fff;white-space:nowrap;background:#0798dc;border:0;border-radius:10px;padding:9px 11px;font-weight:700;box-shadow:0 4px 10px #0798dc33}.button-primary{color:#fff;white-space:nowrap;background:#0798dc;border:0;border-radius:11px;padding:10px 14px;font-weight:600;box-shadow:0 5px 12px #0798dc3d}.button-primary:disabled{cursor:not-allowed;box-shadow:none;background:#c5cdd6}.text-button{color:#078fd0;background:0 0;border:0;font-weight:600}.notice{z-index:10;color:#28724e;text-align:right;background:#e6f6ee;border:0;border-radius:10px;justify-content:space-between;width:min(100% - 40px,430px);margin:0;padding:10px 13px;animation:.18s ease-out toast-in;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #1e413824}.notice b{font-size:18px}.button-feedback-row{align-items:center;gap:8px;display:inline-flex}.success-wiggle{background:#e5f7ed;border-radius:50%;place-items:center;width:31px;height:31px;font-size:18px;animation:.7s ease-in-out both success-wiggle;display:inline-grid}.action-error{color:#bf3a52;margin:0;font-size:12px;font-weight:700}@keyframes success-wiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-16deg)scale(1.12)}42%{transform:rotate(16deg)scale(1.12)}64%{transform:rotate(-9deg)scale(1.04)}82%{transform:rotate(7deg)scale(1.02)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.summary-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:30px;display:grid}.summary-card{background:linear-gradient(135deg,#effcff,#f7fdff);border:1px solid #9de6f6;border-radius:15px;align-items:center;gap:11px;padding:15px 13px;display:flex;box-shadow:0 5px 13px #2b52641a}.summary-card-button{width:100%;color:inherit;font:inherit;text-align:right;cursor:pointer}.summary-card-button:active{border-color:#0798dc;transform:translateY(1px)}.summary-card strong{font-size:22px;display:block}.summary-card small{font-size:12px}.summary-icon{border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.purple{background:var(--service-lavender-soft);color:var(--service-lavender)}.blue{background:var(--service-blue-soft);color:var(--service-blue)}.green{background:var(--service-green-soft);color:var(--service-green)}.teal{background:var(--service-teal-soft);color:var(--service-teal)}.lavender{background:var(--service-lavender)}.peach{background:var(--service-peach)}.pink{background:var(--service-pink)}.rose{background:var(--service-rose)}.appointment-dot.teal{background:var(--service-teal)}.appointment-dot.blue{background:var(--service-blue)}.appointment-dot.lavender{background:var(--service-lavender)}.appointment-dot.green{background:var(--service-green)}.appointment-dot.peach{background:var(--service-peach)}.appointment-dot.pink{background:var(--service-pink)}.appointment-dot.rose{background:var(--service-rose)}.summary-grid-three .summary-card:last-child{grid-column:span 2}.appointment-list,.client-list,.invoice-list,.service-list{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 10px #26324808}.appointment{text-align:right;background:#fff;border:0;border-bottom:1px solid #f0f1f4;grid-template-columns:49px 9px 1fr 24px;align-items:center;gap:11px;width:100%;min-height:75px;padding:10px 15px;display:grid}.appointment:hover{background:#fcfbff}.appointment.today{background:#ecfdf5}.appointment.today:hover{background:#d1fae5}.appointment:last-child,.client:last-child,.invoice:last-child,.service:last-child{border-bottom:0}.appointment-grid{background:#e6edf2;border:1px solid #e6edf2;border-radius:15px;grid-template-columns:1fr 1fr;gap:1px;display:grid}.appointment-grid .appointment{border:0;grid-template-columns:1fr 12px;align-content:center;gap:5px;min-height:92px;padding:12px}.appointment-grid .appointment time{text-align:right;color:#078fd0;grid-area:1/1}.appointment-grid .appointment-dot{grid-area:1/2}.appointment-grid .appointment-copy{grid-area:2/1/auto/span 2}.appointment-grid .more{display:none}.appointment time{text-align:right;direction:ltr;font-size:14px;font-weight:600}.appointment-copy{display:block}.appointment strong,.client strong,.invoice strong,.service strong{font-size:16px;display:block}.appointment-dot{border-radius:50%;width:9px;height:9px}.appointment-dot-multi{flex:none;align-items:center;gap:2px;display:flex}.appointment-dot-multi i{border-radius:50%;width:7px;height:7px}.appointment-dot-multi i.teal{background:var(--service-teal)}.appointment-dot-multi i.blue{background:var(--service-blue)}.appointment-dot-multi i.lavender{background:var(--service-lavender)}.appointment-dot-multi i.green{background:var(--service-green)}.appointment-dot-multi i.peach{background:var(--service-peach)}.appointment-dot-multi i.pink{background:var(--service-pink)}.appointment-dot-multi i.rose{background:var(--service-rose)}.more{color:#8a8d99;font-size:22px}.wide-add{color:#fff;background:#0798dc;border:1px solid #0798dc;border-radius:12px;width:100%;margin-top:16px;padding:13px;font-weight:600}.list-heading{margin:4px 0 12px}.bottom-nav{z-index:2;width:min(100%,620px);height:75px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ebedf1;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#9397a5;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:53px;font-size:11px;display:flex}.nav-item span{height:26px;font-size:21px;line-height:25px}.nav-item.active{color:#0798dc;font-weight:700}.nav-item.active span{color:#fff;background:#0798dc;border-radius:11px;place-items:center;width:38px;display:grid}.calendar-strip{justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px;display:flex}.calendar-strip strong{color:#0798dc;font-size:14px}.calendar-date-picker{color:#0798dc;cursor:pointer;background:#eaf7ff;border-radius:10px;place-items:center;width:34px;height:34px;display:inline-grid;position:relative}.calendar-date-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.calendar-tools{align-items:center;gap:8px;margin:0 0 8px;display:flex}.calendar-search{color:#078fd0;background:#fff;border:1px solid #cfe8f5;border-radius:11px;flex:1;align-items:center;gap:7px;min-width:0;padding:8px 10px;display:flex}.calendar-search input{color:#293541;text-align:right;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.calendar-add{color:#fff;white-space:nowrap;background:#0798dc;border:0;border-radius:11px;align-items:center;gap:5px;padding:10px 12px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #0798dc33}.calendar-empty{color:#78828e;text-align:center;background:#fff;border-radius:12px;margin:24px 0;padding:18px}.calendar-search-results{background:#f8fdff;border:1px solid #b9e5f7;border-radius:13px;margin:-5px 0 14px;padding:11px}.calendar-search-results h2{color:#2379ad;text-align:right;margin:0 0 8px;font-size:14px}.calendar-search-result{color:#28313e;width:100%;font:inherit;text-align:right;background:0 0;border:0;border-top:1px solid #e2f1f8;align-items:center;gap:9px;padding:9px 3px;display:flex}.calendar-search-result:first-of-type{border-top:0}.calendar-search-result>span:nth-child(2){flex:1;gap:2px;display:grid}.calendar-search-result strong{font-size:13px}.calendar-search-result small{color:#7e8899;font-size:11px}.calendar-result-icon{color:#078fd0;background:#dff4ff;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.calendar-result-icon.client-result{color:#7951d3;background:#f0eaff}.calendar-strip button{color:#6b7180;background:0 0;border:0;font-size:26px}.calendar-view-switch{background:#e9f5fb;border-radius:10px;grid-template-columns:1fr 1fr;width:176px;margin:0 0 8px auto;padding:3px;display:grid}.calendar-view-switch button{color:#5c7180;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.calendar-view-switch button.active{color:#fff;background:#0798dc;box-shadow:0 2px 6px #0798dc33}.weekdays{text-align:center;direction:rtl;grid-template-columns:repeat(7,1fr);padding:8px 0 20px;display:grid}.week-time-grid{background:#fff;border:1px solid #e5edf1;border-radius:14px;flex-direction:column;max-height:calc(100dvh - 220px);margin-bottom:8px;display:flex;overflow:hidden}.week-time-header{z-index:2;background:#fff;border-bottom:1px solid #e5edf1;flex:none;grid-template-columns:44px repeat(7,minmax(0,1fr));display:grid}.week-time-body{-webkit-overflow-scrolling:touch;flex:auto;grid-template-columns:44px 1fr;min-height:0;display:grid;overflow:auto}.week-time-gutter{color:#8a93a0;background:#fafbfc;border-inline-end:1px solid #eef2f5;font-size:10px;position:relative}.week-time-hour-label{text-align:center;height:56px;padding:4px 4px 0 0;line-height:1}.week-time-day-head{color:#747988;text-align:center;border-inline-start:1px solid #eef2f5;place-items:center;gap:4px;min-width:0;padding:8px 2px;display:grid}.week-time-day-head small{font-size:11px;font-weight:600}.week-time-day-head b{border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.week-time-day-head.is-today b{color:#064e3b;background:#34d399}.week-time-day-head.is-sabbath{color:#db5f8d}.week-time-days{grid-template-columns:repeat(7,minmax(0,1fr));min-width:0;display:grid}.week-time-day{background-image:repeating-linear-gradient(#0000 0 55px,#eef2f5 55px 56px);border-inline-start:1px solid #eef2f5;position:relative;overflow:hidden}.week-time-day.is-today{background-color:#ecfdf5;background-image:repeating-linear-gradient(#0000 0 55px,#a7f3d0 55px 56px)}.week-time-slot{background:0 0;border:0;width:100%;height:56px;padding:0;display:block}.week-time-slot:hover,.week-time-slot:focus-visible{background:#0798dc12;outline:none}.week-event{z-index:1;color:#28313d;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e8f1ff;border:0;border-inline-start:3px solid #5384d4;border-radius:6px;align-content:start;gap:1px;padding:4px 5px;display:grid;position:absolute;inset-inline:2px;overflow:hidden;box-shadow:0 1px 2px #26324814}.week-event strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2;overflow:hidden}.week-event small{color:#5d6774;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.2;overflow:hidden}.week-event.teal{border-inline-start-color:var(--service-teal);background:var(--service-teal-soft);color:#28313d}.week-event.blue{border-inline-start-color:var(--service-blue);background:var(--service-blue-soft);color:#28313d}.week-event.lavender{border-inline-start-color:var(--service-lavender);background:var(--service-lavender-soft);color:#28313d}.week-event.green{border-inline-start-color:var(--service-green);background:var(--service-green-soft);color:#28313d}.week-event.peach{border-inline-start-color:var(--service-peach);background:var(--service-peach-soft);color:#28313d}.week-event.pink{border-inline-start-color:var(--service-pink);background:var(--service-pink-soft);color:#28313d}.week-event.rose{border-inline-start-color:var(--service-rose);background:var(--service-rose-soft);color:#28313d}.detail-avatar.multi-color{background:#fff;padding:0;display:flex;overflow:hidden}.detail-avatar.multi-color i{flex:1;align-self:stretch;min-width:0}.detail-avatar.multi-color i.teal{background:var(--service-teal-soft)}.detail-avatar.multi-color i.blue{background:var(--service-blue-soft)}.detail-avatar.multi-color i.lavender{background:var(--service-lavender-soft)}.detail-avatar.multi-color i.green{background:var(--service-green-soft)}.detail-avatar.multi-color i.peach{background:var(--service-peach-soft)}.detail-avatar.multi-color i.pink{background:var(--service-pink-soft)}.detail-avatar.multi-color i.rose{background:var(--service-rose-soft)}.service-line-list{gap:8px;display:grid}.service-line-heading{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.service-line-add-btn{color:#fff;width:fit-content;min-height:36px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0798dc;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.service-line-add-btn:disabled{color:#f7fcff;cursor:default;background:#b9ddeb}.service-line-remove{color:#8a8d99;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.service-line-row{align-items:center;gap:6px;display:flex}.service-line-select{flex:1;min-width:0;margin:0}.service-line-select select{width:100%;min-height:44px;font-size:16px}.service-line-total{color:#3d6b49;background:#eefaf1;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin:4px 0 0;padding:10px 12px;font-size:14px;display:flex}.service-line-total strong{color:#1f8a45;direction:ltr;font-size:16px}.detail-avatar.teal{background:var(--service-teal-soft);color:var(--service-teal)}.detail-avatar.blue{background:var(--service-blue-soft);color:var(--service-blue)}.detail-avatar.lavender{background:var(--service-lavender-soft);color:var(--service-lavender)}.detail-avatar.green{background:var(--service-green-soft);color:var(--service-green)}.detail-avatar.peach{background:var(--service-peach-soft);color:var(--service-peach)}.detail-avatar.pink{background:var(--service-pink-soft);color:var(--service-pink)}.detail-avatar.rose{background:var(--service-rose-soft);color:var(--service-rose)}.month-weekdays .sabbath{color:#db5f8d;font-weight:700}.month-grid .month-day:nth-child(7n){color:#db5f8d;background:#fff8fb}.month-weekdays,.month-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.month-weekdays{margin-bottom:5px}.month-grid{background:#e5edf1;border:1px solid #e5edf1;border-radius:14px;gap:1px;overflow:hidden}.month-day{color:#28313d;background:#fff;border:0;min-height:49px;font-size:13px;position:relative}.month-day.muted{background:#f9fbfc}.month-day.current{color:#078fd0;background:#ecfaff}.month-day i{color:#fff;background:#0798dc;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid;position:absolute;top:6px;left:6px}.calendar-hint{color:#7b8791;text-align:center;margin:14px 0 0;font-size:13px}.search{color:#8a8e9b;background:#fff;border:1px solid #e5e6eb;border-radius:12px;align-items:center;gap:8px;margin-bottom:17px;padding:10px 13px;display:flex}.search input{text-align:right;background:0 0;border:0;outline:0;flex:1}.client,.invoice,.service{border-bottom:1px solid #f0f1f4;align-items:center;gap:12px;min-height:72px;padding:12px 15px;display:flex}.avatar{color:#4a4655;border-radius:50%;place-items:center;width:41px;height:41px;font-weight:600;display:grid}.client div,.invoice div,.service div{flex:1}.chevron,.service>span{color:#9297a4;font-size:25px}.page-intro{color:#747987;margin:-9px 0 21px;font-size:14px}.invoice-icon{color:#6d4ed2;background:#eee8ff;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.invoice b,.service b{direction:ltr;font-size:16px}.modal-backdrop{z-index:5;background:#17203b66;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.modal-backdrop.focus-mode{z-index:6;background:#17203b66;align-items:center;padding:16px}.modal-backdrop.focus-mode.stacked{z-index:8}.modal{width:min(100%,620px);max-height:min(92dvh,100%);padding:18px 18px calc(16px + env(safe-area-inset-bottom));background:#fff;border-radius:22px 22px 0 0;overflow-y:auto}.modal.focus-mode{width:min(100%,420px);max-height:min(85dvh,100%);box-shadow:none;border:2px solid #6d4ed2;border-radius:16px;padding:18px;position:relative;overflow:hidden}.modal.focus-mode.compact{width:min(100%,360px);max-height:min(80dvh,100%);padding:14px}.modal.focus-mode .form{overscroll-behavior:contain;gap:10px;max-height:calc(85dvh - 72px);overflow-y:auto}.modal.focus-mode.compact .form{gap:9px;max-height:calc(80dvh - 64px)}.modal.focus-mode .modal-title{margin-bottom:12px}.modal.focus-mode.compact .modal-title{margin-bottom:10px}.modal.focus-mode.compact .modal-title h2{font-size:18px}.modal.focus-mode.compact.preview .modal-title h2{color:#8a93a0;font-size:13px;font-weight:600}.modal.focus-mode .form input,.modal.focus-mode .form select,.modal.focus-mode .form textarea{padding:9px 10px}.modal.focus-mode .form textarea{min-height:56px}.appointment-preview{gap:10px;display:grid}.appointment-preview-head{align-items:center;gap:10px;display:flex}.appointment-preview-copy{text-align:right;flex:1;gap:3px;min-width:0;display:grid}.appointment-preview-copy strong{color:#0798dc;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.appointment-preview-copy small{color:#374151;font-size:14px;font-weight:500}.appointment-preview-edit{color:#0798dc;background:#fff;border:1px solid #c7eafb;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.appointment-preview-edit:hover,.appointment-preview-edit:focus-visible{background:#effaff;border-color:#0798dc;outline:none}.appointment-preview-meta{color:#3b3358;background:#f7f5ff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;font-size:13px;display:flex}.appointment-preview-meta b{color:#20222b;direction:ltr;font-size:14px}.appointment-preview-contact{color:#28313d;background:#fff;border:1px solid #e6e7ed;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;text-decoration:none;display:inline-flex}.appointment-preview-invoice{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;font-size:14px;display:flex}.appointment-preview-invoice-number{color:#0798dc;background:#f0f9ff;border:1px solid #c5e9f7;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:10px;padding:10px 12px;font-size:15px;font-weight:800;display:flex}.appointment-preview .detail-avatar{flex:0 0 40px;width:40px;height:40px;font-size:16px}.appointment-detail-form .appointment-detail-identity{text-align:right;align-items:center;gap:10px;margin-bottom:2px;display:flex}.appointment-detail-identity>div{flex:1;gap:2px;min-width:0;display:grid}.appointment-detail-identity strong{font-size:16px}.appointment-detail-identity small{color:#6b7280;font-size:12px}.appointment-detail-price{color:#0798dc;direction:ltr;font-size:15px}.appointment-detail-link{min-height:44px;color:inherit;background:#fff;border:1px solid #e6e7ed;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.appointment-detail-link>span{text-align:right;gap:1px;display:grid}.appointment-detail-link small{color:#848998;font-size:11px}.appointment-detail-link strong{font-size:14px}.appointment-detail-form .note-editor{margin-top:0;padding:10px}.appointment-detail-form .button-primary:disabled{cursor:default;box-shadow:none;background:#b9ddeb}.modal:has(.confirm-overlay){position:relative;overflow:hidden}.confirm-overlay{z-index:4;border-radius:inherit;background:#17203b66;border:0;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.confirm-overlay.is-fixed{z-index:9;border-radius:0;position:fixed;inset:0}.confirm-overlay-card{background:#fff8e8;border:1px solid #f0d48a;border-radius:12px;width:min(100%,300px);padding:14px;box-shadow:0 8px 24px #17203b33}.confirm-overlay-card p{color:#6b4e12;text-align:right;margin:0 0 10px;font-size:14px;font-weight:600}.confirm-overlay-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.confirm-overlay-secondary{color:#5c6570;background:#fff;border:1px solid #e5e6eb;border-radius:11px;min-height:44px;padding:8px 12px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-title{direction:ltr;justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.modal:has(.client-card-compact){width:min(100% - 28px,540px);max-height:calc(100dvh - 66px - env(safe-area-inset-top,0px) - 16px);border-radius:16px;margin-inline:auto;padding:12px 14px 14px;overflow-y:auto;box-shadow:0 12px 32px #17203b2e}.modal-backdrop:has(.client-card-compact){top:calc(66px + env(safe-area-inset-top,0px));justify-content:center;align-items:flex-start;padding:8px 0 12px}.modal:has(.client-card-compact) .modal-title{margin-bottom:8px}.modal:has(.client-card-compact) .modal-title h2{font-size:18px}.modal-title h2{direction:rtl;margin:0}.modal-title button{color:#767b87;background:0 0;border:0;font-size:28px}.form{gap:14px;display:grid}.form label{gap:6px;font-size:14px;font-weight:600;display:grid}.form input,.form select,.form textarea{color:#292b35;width:100%;font:inherit;text-align:right;background:#fff;border:1px solid #dfe1e7;border-radius:10px;outline-color:#6d4ed2;padding:11px 12px;font-size:16px}.form textarea{resize:vertical;min-height:64px}.form input[type=email],.settings-form-grid input[type=email]{text-align:left;direction:ltr}.form-hint{color:#6b5a96;background:#f7f4ff;border-radius:8px;margin:0;padding:10px;font-size:12px}.client-picker{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.client-suggest{position:relative}.client-suggest-list{z-index:6;inset-inline:0;background:#fff;border:1px solid #c4b4f0;border-radius:12px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);overflow-y:auto;box-shadow:0 10px 24px #2a1d5524}.client-suggest-list button{color:#20222b;width:100%;min-height:44px;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.client-suggest-list button:hover,.client-suggest-list button:focus-visible{background:#f3efff;outline:none}.client-suggest-list strong{font-size:14px}.client-suggest-list small{color:#6b7d88;font-size:12px}.client-suggest-empty{color:#6b7d88;text-align:right;padding:12px 10px;font-size:13px}.inline-add-client{color:#078fd0;white-space:nowrap;background:#f2fbff;border:1px solid #a8dff5;border-radius:10px;align-items:center;gap:4px;padding:10px 9px;font-size:13px;font-weight:600;display:inline-flex}.client-contact-labels{color:#3f6171;background:#effaff;border-radius:10px;gap:7px;padding:10px;font-size:13px;display:grid}.client-contact-labels span{align-items:center;gap:7px;display:flex}.appointment-date-time{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-group{background:#fff;border-radius:15px;margin:0 0 24px;padding:16px 15px 4px;box-shadow:0 2px 10px #26324808}.settings-group h2{margin-bottom:5px}.settings-copy{color:#858a9a;margin:0 0 9px;font-size:13px}.setting-row{color:#252833;text-align:right;background:#fff;border:0;border-bottom:1px solid #f0f1f4;align-items:center;gap:11px;width:100%;padding:13px 0;display:flex}.setting-row>span:not(.setting-icon):not(.service-color-chip){flex:1}.setting-row small{margin-top:1px}.setting-row b{color:#9397a5;font-size:24px;font-weight:400}.setting-row em{color:#6251a6;direction:ltr;margin-right:auto;font-style:normal;font-weight:600}.setting-icon{color:#6d4ed2;background:#eee8ff;border-radius:10px;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.toggle-row{border-bottom:1px solid #f0f1f4;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:15px;display:flex;position:relative}.toggle-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.toggle-switch{cursor:pointer;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:1px;height:1px;position:absolute}.toggle-switch i{background:#d9dce5;border-radius:20px;width:43px;height:25px;transition:all .2s}.toggle-switch i:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;margin:3px;transition:all .2s;display:block;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+i{background:#0798dc}.toggle-switch input:checked+i:after{transform:translate(-18px)}.field-trash-button{color:#d75f76;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.field-trash-button:hover,.field-trash-button:focus-visible{outline-offset:1px;background:#fff2f4;outline:2px solid #d75f7655}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.appointment-detail{text-align:center}.client{border-inline:0;color:#20222b;text-align:right;width:100%;font:inherit;cursor:pointer;background:#fff;border-top:0}.client:hover{background:#fcfbff}.note-editor{text-align:right;background:#f7f5ff;border-radius:12px;margin-top:10px;padding:10px}.note-editor>div{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.note-editor h2{margin:0;font-size:15px}.note-editor textarea{resize:vertical;color:#292b35;width:100%;min-height:52px;font:inherit;text-align:right;background:#fff;border:1px solid #ded9ef;border-radius:9px;outline-color:#6d4ed2;padding:8px 10px;font-size:16px;line-height:1.35}.note-success{color:#28724e;background:#e6f6ee;border-radius:8px;margin:8px 0 0;padding:7px 9px;font-size:13px;font-weight:600}.note-save{color:#fff;background:#6d4ed2;border:0;border-radius:9px;width:100%;margin-top:8px;padding:9px;font-weight:600}.note-icon-save{color:#fff;background:#0798dc;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.detail-avatar{border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 9px;font-size:24px;font-weight:700;display:grid}.client-summary-row{text-align:right;justify-content:space-between;align-items:center;gap:10px;margin:0 0 6px;display:flex}.client-page{gap:14px;display:grid}.client-summary-card{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;display:grid}.client-summary-card small{margin-bottom:4px;display:block}.client-summary-card strong{word-break:break-word;font-size:16px;line-height:1.25}.client-page-header{align-items:center;gap:8px;min-height:44px;display:flex}.client-page-back{color:#0798dc;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.client-page-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.client-page-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;overflow:hidden}.client-page-avatar{flex:0 0 40px;width:40px;height:40px;margin:0;font-size:17px}.client-page-header .client-detail-edit,.client-page-header .client-detail-save{flex:0 0 44px;width:44px;height:44px}.client-page-actions{flex:none;align-items:center;gap:4px;display:flex}.client-page-error{text-align:center;margin-top:-6px;display:block}.client-page .settings-tabs{margin-top:0;margin-bottom:0;padding-bottom:0}.client-appointments-panel{gap:10px;display:grid}.client-appointment-list{gap:8px;display:grid}.client-appointment-row{min-height:52px;color:inherit;font:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f8fcff;border:1px solid #d7e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.client-appointment-row strong{font-size:14px;display:block}.client-appointment-row small{margin-top:2px;font-size:12px;display:block}.client-appointment-row>span{color:#425867;text-align:left;min-width:0;font-size:13px;font-weight:600}.client-appointments-more{justify-self:center;min-height:44px;padding:8px 16px}.client-identity{align-items:center;gap:9px;min-width:0;display:flex}.client-identity .detail-avatar{flex:0 0 40px;width:40px;height:40px;margin:0;font-size:17px}.client-identity h2{margin:0;font-size:20px}.client-card-compact{gap:0}.client-card-save-row{margin-top:10px}.client-name-input{color:#202431;width:150px;font:inherit;text-align:right;background:#fff;border:1px solid #addef5;border-radius:9px;outline-color:#6d4ed2;padding:8px;font-size:18px;font-weight:800}.client-price-glance{color:#fff;min-height:47px;font:inherit;cursor:pointer;background:#0798dc;border:1.5px solid #0798dc;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:4px;padding:7px 10px;display:inline-flex}.client-price-glance small{color:#fff;font-size:10px;font-weight:700;display:block}.client-price-glance strong{direction:ltr;font-size:16px}.client-price-glance.empty{color:#fff;font-size:12px;font-weight:700}.appointment-detail>p{color:#848998;margin:3px 0 18px;font-size:14px}.edit-schedule{color:#078fd0;background:0 0;border:0;margin:-11px 0 15px;padding:4px 0;font-size:13px;font-weight:600}.schedule-editor{text-align:right;background:#effaff;border-radius:11px;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 15px;padding:11px;display:grid}.schedule-editor label{color:#536875;gap:5px;font-size:12px;font-weight:600;display:grid}.schedule-editor input{color:#25313e;width:100%;font:inherit;background:#fff;border:1px solid #bce4f4;border-radius:8px;padding:8px}.schedule-editor button{color:#fff;background:#0798dc;border:0;border-radius:8px;grid-column:1/-1;padding:8px;font-weight:600}.schedule-editor button:disabled{cursor:default;color:#f7fcff;box-shadow:none;background:#b9ddeb}.detail-service{background:#f7f5ff;border-radius:10px;justify-content:space-between;margin:0 0 12px;padding:12px;display:flex}.detail-service b{direction:ltr}.contact-action{color:#2b2d37;text-align:right;border:1px solid #e6e7ed;border-radius:11px;align-items:center;gap:12px;margin-bottom:9px;padding:12px 11px;text-decoration:none;display:flex}.contact-action>span{flex:1;gap:1px;display:grid}.contact-action small{font-size:11px}.contact-action strong{font-size:14px;font-weight:600}.contact-action>b{color:#6d4ed2;font-size:12px}.client-profile-card{text-align:right;background:linear-gradient(135deg,#fbfeff 0%,#f5fbff 100%);border:1.5px solid #0798dc;border-radius:14px;margin-top:0;padding:10px;box-shadow:0 6px 16px #0798dc12}.client-profile-heading{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.client-profile-heading h3{color:#202431;margin:0;font-size:16px}.client-profile-heading span{color:#078fd0;font-size:11px;font-weight:700}.client-detail-edit,.client-detail-save{cursor:pointer;color:#fff;background:#0798dc;border:0;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.client-detail-save:disabled{color:#9aa8b3;cursor:default;background:#e8eef2}.compact-feedback{align-items:center;gap:5px;display:inline-flex}.client-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.client-profile-item{color:#28303d;background:#fff;border:1px solid #d7eafa;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:7px 8px;text-decoration:none;display:flex}a.client-profile-item:active{background:#fbf9ff;border-color:#9a76df}.client-profile-icon{color:#7951d3;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.client-profile-item>span:last-child{gap:2px;min-width:0;display:grid}.client-profile-item small{color:#7f899b;font-size:12px;font-weight:600}.client-profile-item strong{color:#273140;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.client-profile-item input{color:#283140;width:100%;min-width:0;font:inherit;text-align:right;background:0 0;border:0;border-bottom:1px solid #b9a3ee;outline:0;padding:3px 0;font-size:16px;font-weight:700}.client-value-link{color:#273140;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;text-decoration:none;overflow:hidden}.client-value-link:active{color:#7951d3}@media (width<=360px){.client-profile-grid{grid-template-columns:1fr}}.client-special-prices{text-align:right;margin-top:8px}.client-special-prices-heading{justify-content:space-between;align-items:center;gap:6px;min-height:0;margin-bottom:4px;display:flex}.client-special-prices-heading h3{margin:0;font-size:15px;line-height:1.2}.special-price-add{color:#fff;min-width:44px;min-height:32px;font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0798dc;border:0;border-radius:7px;justify-content:center;align-items:center;gap:3px;margin:0;padding:5px 10px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.special-price-add:disabled{opacity:.45;cursor:default}.client-special-prices-empty{color:#848998;margin:0 0 4px;font-size:12px}.client-special-prices .action-error{margin-top:4px;display:block}.client-special-prices-list{flex-wrap:wrap;align-items:stretch;gap:4px;display:flex}.special-price-card{text-align:right;background:#eff8ff;border:1px solid #b9dcf7;border-radius:8px;flex:0 auto;justify-content:space-between;align-items:center;gap:2px;max-width:100%;padding:0 2px 0 4px;display:flex}.special-price-card>div:not(.special-price-edit-input){flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.special-price-card.is-editing{flex:100%;justify-content:flex-start}.special-price-card .special-price-name{color:#245d92;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.special-price-card .special-price-edit-input{flex:0 0 72px;width:72px}.special-price-card strong{color:#245d92;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.special-price-card small{color:#078fd0;flex:none;font-size:14px;font-weight:700}.special-price-card-actions{flex:none;align-items:center;gap:0;margin-inline-start:auto;display:flex}.special-price-card button{color:#078fd0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.special-price-editor>button{color:#078fd0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.special-price-card button.special-price-remove{color:#c45b6e}.special-price-editor{background:#eff8ff;border:1px solid #b9dcf7;border-radius:9px;grid-template-columns:1fr minmax(72px,88px) 44px 44px;align-items:center;gap:6px;margin-top:6px;padding:6px;display:grid}.special-price-editor select,.special-price-editor input,.special-price-edit-input input{color:#273541;width:100%;min-width:0;min-height:44px;font:inherit;text-align:right;background:0 0;border:0;outline:0;font-size:16px}.special-price-editor select{background:#fff;border:1px solid #d0e7f3;border-radius:8px;padding:6px}.special-price-editor div,.special-price-edit-input{color:#078fd0;background:#fff;border:1px solid #d0e7f3;border-radius:8px;align-items:center;gap:4px;min-height:44px;padding:0 6px;display:flex}.special-price-editor>button:first-of-type{color:#fff;background:#0798dc;border-radius:8px}.special-price-editor>button.special-price-cancel,.special-price-card button.special-price-cancel{color:#8a8d99;background:0 0}@media (width>=621px){.app-shell,.bottom-nav{border-inline:1px solid #eceef3}}.settings-tabs{scrollbar-width:none;gap:8px;margin:-8px -20px 18px;padding:0 20px 8px;display:flex;overflow-x:auto}.settings-tabs button{color:#4d6472;white-space:nowrap;background:#fff;border:1px solid #a8dff5;border-radius:10px;flex:none;padding:10px 13px;font-size:13px;font-weight:700}.settings-tabs button.active{color:#6d4ed2;background:#f3efff;border-color:#c4b4f0;box-shadow:0 3px 9px #6d4ed21a}.settings-panel{background:#fff;border:1px solid #c5e9f7;border-radius:16px;padding:17px;box-shadow:0 4px 14px #264a5d0d}.settings-panel h2{margin-bottom:5px}.settings-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin:17px 0;display:grid}.settings-form-grid label{color:#425867;gap:6px;font-size:13px;font-weight:700;display:grid}.settings-form-grid label.full{grid-column:1/-1}.settings-form-grid input,.custom-field-add input,.service-add input{color:#26323e;width:100%;min-height:44px;font:inherit;text-align:right;background:#fff;border:1px solid #d3e6ee;border-radius:9px;outline-color:#0798dc;padding:10px;font-size:16px}.dealer-type-field{color:#26323e;text-align:right;gap:6px;font-size:14px;font-weight:600;display:grid}.dealer-type-switch{width:100%;max-width:100%;margin:0}.dealer-number-input{letter-spacing:.06em;text-align:left}.field-soft-warning{color:#b45309;margin-top:4px;font-size:12px;font-weight:600;display:block}.logo-upload{color:#425867;align-items:center;gap:10px;margin:0 0 17px;font-size:13px;font-weight:700;display:flex}.logo-upload-copy{flex:1;gap:2px;min-width:0;display:grid}.logo-upload-copy small{font-weight:400;line-height:1.3}.logo-upload-control{color:#0798dc;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #a8dff5;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.logo-upload-control input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.logo-upload-preview{object-fit:cover;background:#fff;border:1px solid #c7eafb;border-radius:9px;flex-shrink:0;width:44px;height:44px}.custom-field-add{grid-template-columns:1fr auto;gap:8px;margin:13px 0;display:grid}.field-save-button{color:#fff;background:#0798dc;border:1px solid #0798dc;border-radius:9px;place-items:center;width:44px;height:44px;padding:0;display:grid}.field-save-button:hover,.field-save-button:focus-visible{color:#fff;outline-offset:1px;background:#0687c4;border-color:#0687c4;outline:2px solid #0798dc55}.field-save-button:disabled{color:#9bbfd0;opacity:1;background:#e8f6fc;border-color:#c7eafb}.service-add{grid-template-columns:1fr;gap:8px;margin:13px 0;display:grid}.service-row{flex-wrap:nowrap;align-items:center;gap:6px;padding-block:8px}.service-row.compact{flex-direction:column;align-items:stretch}.service-row.compact:not(:has(.service-edit)){flex-flow:row;align-items:center}.service-row-name{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.service-row-duration{color:#7b8791;white-space:nowrap;flex:none;margin:0;font-size:12px}.service-row-price{color:#6251a6;white-space:nowrap;text-align:left;direction:ltr;flex:none;margin:0;font-style:normal;font-weight:600}.service-row .service-icon{flex:0 0 44px;width:44px;height:44px}.service-row .service-icon+.service-icon{margin-inline-start:2px}.service-delete-confirm{text-align:right;gap:14px;display:grid}.service-delete-confirm p{color:#374151;margin:0;font-size:15px;line-height:1.45}.service-delete-actions{justify-content:flex-start;gap:8px;display:flex}.service-delete-cancel{color:#5c6570;background:#fff;border:1px solid #e5e6eb;border-radius:11px;min-height:44px;padding:8px 14px;font-weight:600}.service-delete-confirm-btn{color:#fff;background:#d75f76;border:0;border-radius:11px;min-height:44px;padding:8px 14px;font-weight:700}.service-delete-confirm-btn:disabled,.service-delete-cancel:disabled{opacity:.6}.service-edit{gap:8px;width:100%;display:grid}.service-edit-row{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.service-edit-row.twin{grid-template-columns:1fr 1fr;align-items:start}.service-field{text-align:right;gap:4px;min-width:0;display:grid}.service-field>span:first-child{color:#6f7a88;font-size:12px;font-weight:600}.service-field-input{background:#fff;border:1px solid #d3e6ee;border-radius:8px;align-items:center;gap:4px;min-width:0;padding:0 8px;display:flex}.service-field-input em{color:#078fd0;white-space:nowrap;flex:none;margin:0;font-size:13px;font-style:normal;font-weight:700}.service-field-input input{color:#292b35;width:100%;min-width:0;min-height:44px;font:inherit;text-align:right;background:0 0;border:0;outline:0;padding:8px 0;font-size:16px}.service-edit-row input,.service-row input{width:100%;min-width:0;font:inherit;text-align:right;background:#fff;border:1px solid #d3e6ee;border-radius:8px;padding:8px;font-size:16px}.service-edit-row .service-field-input input{border:0;border-radius:0;padding:8px 0}.service-color-chip{border-radius:50%;flex:0 0 14px;width:14px;height:14px;display:inline-block}.service-color-chip.teal{background:var(--service-teal)}.service-color-chip.blue{background:var(--service-blue)}.service-color-chip.lavender{background:var(--service-lavender)}.service-color-chip.green{background:var(--service-green)}.service-color-chip.peach{background:var(--service-peach)}.service-color-chip.pink{background:var(--service-pink)}.service-color-chip.rose{background:var(--service-rose)}.service-color-swatches{flex-wrap:nowrap;justify-content:flex-start;gap:0;width:100%;display:flex}.service-color-swatch{-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}.service-color-swatch i{border:2px solid #0000;border-radius:5px;width:16px;height:16px;display:block}.service-color-swatch.teal i{background:var(--service-teal-soft)}.service-color-swatch.blue i{background:var(--service-blue-soft)}.service-color-swatch.lavender i{background:var(--service-lavender-soft)}.service-color-swatch.green i{background:var(--service-green-soft)}.service-color-swatch.peach i{background:var(--service-peach-soft)}.service-color-swatch.pink i{background:var(--service-pink-soft)}.service-color-swatch.rose i{background:var(--service-rose-soft)}.service-color-swatch.selected.teal i{border-color:var(--service-teal)}.service-color-swatch.selected.blue i{border-color:var(--service-blue)}.service-color-swatch.selected.lavender i{border-color:var(--service-lavender)}.service-color-swatch.selected.green i{border-color:var(--service-green)}.service-color-swatch.selected.peach i{border-color:var(--service-peach)}.service-color-swatch.selected.pink i{border-color:var(--service-pink)}.service-color-swatch.selected.rose i{border-color:var(--service-rose)}.service-color-swatch:focus-visible{outline-offset:2px;border-radius:10px;outline:2px solid #0798dc}.service-icon{color:#078fd0;background:#effaff;border:0;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.service-icon.danger{color:#d75f76;background:#fff2f4}.service-icon.save{color:#fff;background:#0798dc}.settings-hint{color:#6b7d88;margin:11px 0 4px;font-size:12px}.future-box{color:#a96b17;background:#fffaf0;border:1px dashed #f0c184;border-radius:11px;align-items:start;gap:10px;margin:17px 0;padding:13px;display:flex}.future-box span{gap:2px;display:grid}.future-box small{color:#8c754e}.demo-badge{color:#856404;background:#fff3cd;border:1px solid #f0c184;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.demo-badge-label{white-space:nowrap;color:#5a3e00;background:#f0c184;border-radius:6px;padding:2px 8px;font-size:.85rem;font-weight:600}.demo-badge small{color:#856404;font-size:.8rem}.input-readonly{cursor:not-allowed;color:#888!important;background:#f5f5f5!important;border-color:#e0e0e0!important}.auth-shell{background:radial-gradient(circle at 18% 8%,#fff0aae6,#0000 30%),linear-gradient(145deg,#d9efff 0%,#edfaff 50%,#fff1bd 100%);place-items:center;min-height:100svh;padding:32px 20px;display:grid}.auth-card{text-align:right;background:#fffffff5;border:2px solid #65cbed;border-radius:28px;width:min(100%,480px);padding:42px 40px 36px;box-shadow:0 22px 52px #26618e2e}.auth-brand{color:#0798dc;letter-spacing:.04em;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px;font-size:26px;display:flex}.auth-brand .brand-logo{object-fit:contain;width:106px;height:82px}.auth-card h1{color:#202938;text-align:center;margin:0;font-size:27px}.auth-card>p{color:#718297;text-align:center;margin:9px 0 26px}.auth-card .form{gap:17px}.auth-card .form label{color:#35465c;font-size:15px}.auth-card .form input{background:#fff;border:1px solid #c9d6e4;border-radius:13px;min-height:51px;font-size:16px}.password-input{display:block;position:relative}.auth-card .password-input input{width:100%;padding-left:48px}.password-input button{color:#718297;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.auth-card .button-primary{min-height:53px;box-shadow:none;background:#0798dc;border-radius:13px;margin-top:4px;font-size:17px}.auth-card .button-primary:hover{background:#0786c2}.auth-switch{color:#078bc8;margin:22px auto 0;display:block}.onboarding-card{width:min(100%,430px)}.onboarding-progress{justify-content:center;gap:8px;margin:-6px 0 28px;display:flex}.onboarding-progress span{background:#dbe7f2;border-radius:99px;width:32px;height:5px}.onboarding-progress span.active{background:#0798dc}.onboarding-step>p{color:#718297;text-align:center;margin:9px auto 26px}.onboarding-step>.button-primary,.onboarding-step>.button-secondary{justify-content:center;width:100%;min-height:53px}.onboarding-step .form{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.onboarding-step .form .full,.onboarding-step .form .form-hint,.onboarding-step .form .button-primary{grid-column:1/-1}.onboarding-finish{text-align:center;gap:14px;display:grid}.onboarding-finish h1{margin-top:2px}.onboarding-finish>p{max-width:430px;margin:0 auto 8px;line-height:1.7}.onboarding-settings-icon{color:#0798dc;background:#eaf9ff;border:1px solid #a9e4f8;border-radius:27px;place-items:center;width:86px;height:86px;margin:0 auto 4px;display:grid}.onboarding-finish .button-primary,.onboarding-finish .button-secondary{align-items:center;gap:9px;display:inline-flex}.onboarding-finish .button-secondary{color:#7a4a79;font:inherit;cursor:pointer;background:#f8effa;border:1px solid #f0a9cf;border-radius:13px;font-weight:700}.onboarding-finish .button-secondary:hover{background:#f4e3f4}@media (width<=520px){.onboarding-step .form{grid-template-columns:1fr}.onboarding-step .form .full,.onboarding-step .form .form-hint,.onboarding-step .form .button-primary{grid-column:auto}}.invoice{border-inline:0;color:#20222b;text-align:right;width:100%;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-top:0}.invoice:hover{background:#fcfbff}.invoice.is-cancelled{opacity:.72}.invoice.is-cancelled strong,.invoice.is-cancelled b{text-decoration:line-through}.invoice-type-label{color:#6d4ed2;font-size:11px;font-weight:700;display:block}.invoice-row-aside{text-align:left;justify-items:end;gap:6px;display:grid}.invoice-status-badge{border-radius:999px;align-items:center;min-height:22px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.invoice-status-badge.issued{color:#1f7a4d;background:#e6f6ee}.invoice-status-badge.cancelled{color:#9b4b4b;background:#f4e8e8}.invoice-page{gap:14px;display:grid}.invoice-page-header{align-items:center;gap:8px;min-height:44px;display:flex}.invoice-page-header h1{margin:0;font-size:22px}.invoice-form .invoice-doc-type{text-align:right;background:#f8fcff;border:1px solid #d7e8f0;border-radius:12px;gap:4px;padding:12px 13px;display:grid}.invoice-doc-type small{color:#6b7c88;font-size:12px;font-weight:700}.invoice-lines-editor{gap:10px;display:grid}.invoice-lines-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.invoice-lines-heading h3{margin:0;font-size:16px}.invoice-line-card{background:#fff;border:1px solid #d7e8f0;border-radius:12px;gap:10px;padding:12px;display:grid}.invoice-line-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.invoice-line-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.invoice-line-remove{color:#9b4b4b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.invoice-summary-box{background:linear-gradient(135deg,#effcff,#f7fdff);border:1px solid #9de6f6;border-radius:15px;gap:8px;padding:14px;display:grid;box-shadow:0 5px 13px #2b52641a}.invoice-summary-box>div{color:#425867;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.invoice-summary-total{border-top:1px solid #c5e9f7;padding-top:6px;color:#20222b!important;font-size:16px!important;font-weight:800!important}.invoice-detail-card{text-align:right;background:#fff;border:1px solid #c5e9f7;border-radius:16px;gap:14px;padding:16px;display:grid;box-shadow:0 4px 14px #264a5d0d}.invoice-detail-card.is-cancelled{opacity:.85}.invoice-detail-meta{gap:4px;display:grid}.invoice-detail-meta small{color:#6d4ed2;font-weight:700}.invoice-detail-meta p{color:#425867;margin:4px 0 0}.invoice-detail-lines{gap:8px;display:grid}.invoice-detail-line{border-bottom:1px solid #eef3f6;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.invoice-detail-line:last-child{border-bottom:0}.invoice-detail-line small{margin-top:2px;display:block}.invoice-detail-notes{color:#5c6570;margin:0;font-size:14px}.invoice-cancel-button{color:#9b4b4b;min-height:44px;font:inherit;cursor:pointer;background:#fff5f5;border:1px solid #e3bcbc;border-radius:11px;padding:10px 14px;font-weight:700}.invoice-cancel-reason{color:#425867;text-align:right;flex:100%;gap:6px;width:100%;margin-bottom:4px;font-size:13px;font-weight:700;display:grid}.invoice-cancel-reason input{color:#26323e;width:100%;min-height:44px;font:inherit;text-align:right;background:#fff;border:1px solid #d3e6ee;border-radius:9px;outline-color:#0798dc;padding:10px;font-size:16px}.invoice-chooser{gap:12px;display:grid}.invoice-chooser-card{min-height:72px;color:inherit;font:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#effcff,#f7fdff);border:1px solid #9de6f6;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:0 5px 13px #2b52641a}.invoice-chooser-card strong{font-size:16px;display:block}.invoice-chooser-card small{color:#6b7c88;margin-top:2px;font-size:12px;display:block}.invoice-session-list{gap:8px;display:grid}.invoice-session-row{min-height:64px;color:inherit;font:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #d7e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.invoice-session-row strong{display:block}.invoice-session-row small{margin-top:2px;display:block}.invoice-form-title{flex-wrap:wrap;flex:1;align-items:baseline;gap:.35em;min-width:0;line-height:1.25;display:flex}.invoice-form-title-sep{margin-inline:.1em}.invoice-form-title-client{color:#0798dc}.invoice-line-compact{background:#fff;border:1px solid #d7e8f0;border-radius:12px;grid-template-columns:minmax(0,1fr) 52px 88px 40px;align-items:center;gap:6px;padding:8px;display:grid}.invoice-line-compact input{color:#26323e;min-height:44px;font:inherit;text-align:right;background:#fff;border:1px solid #d3e6ee;border-radius:9px;outline-color:#0798dc;padding:8px;font-size:16px}.invoice-line-qty{text-align:center!important}.invoice-line-price{background:#fff;border:1px solid #d3e6ee;border-radius:9px;align-items:center;gap:2px;min-height:44px;padding-inline:6px;display:flex}.invoice-line-price em{color:#6b7c88;font-style:normal;font-weight:700}.invoice-line-price input{min-width:0;border:0!important;padding-inline:2px!important}.invoice-line-remove-spacer,.invoice-line-compact .invoice-line-remove{width:40px;height:40px}.invoice-preview-modal{text-align:right;grid-template-rows:minmax(0,1fr) auto;gap:12px;max-height:calc(85dvh - 72px);display:grid;overflow:hidden}.invoice-preview-modal .invoice-document-frame{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow:auto}.invoice-preview-modal .button-feedback-row{padding-bottom:env(safe-area-inset-bottom);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.invoice-preview-type{color:#6d4ed2;margin:0;font-size:14px;font-weight:700}.invoice-preview-client{margin:0;font-size:18px;font-weight:800}.invoice-preview-date{color:#5c6570;margin:0;font-size:14px}.invoice-document-actions{gap:8px;display:flex}.invoice-action-btn{min-height:44px;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}.invoice-action-secondary{color:#6b7c88;cursor:default;background:#fff;border:1px solid #d3e6ee}.invoice-document-frame{background:#eef5f8;border:1px solid #d7e8f0;border-radius:14px;padding:4px;overflow:auto}.invoice-document{color:#1f2933;text-align:right;background:#fff;border-radius:10px;flex-direction:column;padding:18px 16px;font-size:13px;line-height:1.45;display:flex}.invoice-document.is-cancelled{opacity:.78}.invoice-document-main{flex-direction:column;flex:auto;gap:28px;min-height:0;display:flex}.invoice-document-section-brand{border-bottom:1px solid #c9d7e0;padding-bottom:22px}.invoice-document-section-title{padding-block:6px 4px}.invoice-document-section-details{gap:18px;display:grid}.invoice-document-header{justify-content:space-between;align-items:stretch;gap:12px;display:flex}.invoice-document-business{text-align:right;flex:50%;gap:2px;min-width:0;display:grid}.invoice-document-business strong{font-size:16px}.invoice-document-contact-row{white-space:nowrap}.invoice-document-logo{object-fit:contain;object-position:left center;flex:0 50%;align-self:stretch;width:50%;min-width:0;max-width:50%}.invoice-document-logo-spacer{flex:0 50%;min-width:0;max-width:50%}.invoice-document-title-block{text-align:center;gap:4px;display:grid}.invoice-document-title-block h2{color:#1f2933;margin:0;font-size:16px;font-weight:800;line-height:1.35}.invoice-document-cancelled{color:#9b4b4b;background:#f4e8e8;border-radius:999px;justify-self:center;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.invoice-document-client{gap:2px;display:grid}.invoice-document-client-meta{color:#6b7c88;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;font-weight:700;display:flex}.invoice-document-table{border-collapse:collapse;width:100%}.invoice-document-table th,.invoice-document-table td{text-align:right;vertical-align:top;border-bottom:1px solid #e6edf2;padding:8px 6px}.invoice-document-table th{color:#6b7c88;font-size:11px;font-weight:700}.invoice-document-totals{gap:6px;display:grid}.invoice-document-totals>div{justify-content:space-between;gap:10px;display:flex}.invoice-document-total{border-top:1px solid #d7e8f0;padding-top:6px;font-size:15px;font-weight:800}.invoice-document-notes{color:#425867;gap:2px;margin:0;display:grid}.invoice-document-notes small{color:#6b7c88;font-weight:700}.invoice-document-bank{color:#425867;border-top:1px solid #c9d7e0;flex:none;gap:6px;margin-top:auto;padding-top:14px;font-size:12px;display:grid}.invoice-document-bank>strong{color:#1f2933;font-size:12px;font-weight:800}.invoice-document-bank-fields{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:4px 14px;min-width:0;display:flex}.invoice-document-bank-field{align-items:baseline;gap:4px;font-weight:600;display:inline-flex}.invoice-document-bank-field>span:first-child{color:#6b7c88;font-weight:700}.invoice-document-bank-field>span:first-child:after{content:":"}@media print{.invoice-document-actions,.bottom-nav,.app-header,.sheet-backdrop{display:none!important}.invoice-document-frame{background:#fff;border:0;border-radius:0;padding:0;overflow:visible}.invoice-document{width:186mm;max-width:186mm;box-shadow:none;border-radius:0;margin:0 auto;padding:0}}@media (width<=520px){.auth-shell{padding:18px}.auth-card{border-radius:23px;padding:34px 23px 28px}.invoice-line-compact{grid-template-columns:minmax(0,1fr) 48px 80px 36px;gap:5px}}
