*{box-sizing:border-box}@media (hover: none) and (pointer: coarse){button,button:focus,button:focus-visible,button:active,[role=button],[role=button]:focus,[role=button]:focus-visible,[role=button]:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;-moz-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important}}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-family-base)}button,input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}input::placeholder,textarea::placeholder{color:var(--color-text-placeholder);opacity:1}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-text-placeholder)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-placeholder);opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--color-text-placeholder)}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--color-text-placeholder);opacity:1}select option:disabled{color:var(--color-text-placeholder)}select:invalid,select[value=""]{color:var(--color-text-placeholder)}.app-root{width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;align-items:stretch;background:transparent;position:relative;z-index:var(--z-index-base);max-width:480px;margin:0 auto;color:var(--color-text)}@media (orientation: landscape){.app-root{max-width:480px}}@media (min-width: 900px){.app-root{max-width:640px}}@media (min-width: 1200px){.app-root{max-width:720px}}.app-header{padding:0;box-sizing:border-box;position:fixed;top:0;left:0;right:0;width:100%;max-width:480px;margin:0 auto;z-index:var(--z-index-bars);pointer-events:none}.app-header>*{pointer-events:auto}.app-header-inner{width:100%;margin:0;background:var(--color-card);border-radius:0 0 16px 16px;border:1px solid var(--color-border);border-top:none;box-shadow:var(--elevation-md);padding:0 16px;min-height:64px;display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:var(--z-index-bars)}.topbar-row,.screen-header-row,.clients-header-row,.schedule-header-inner{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;box-sizing:border-box;padding:0;margin:0;min-height:40px}.screen-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.header-plus-button{width:40px;height:40px;border-radius:12px;background:var(--color-info-light);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--color-info-dark);cursor:pointer;transition:background-color .2s ease;flex-shrink:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}.header-plus-button:hover,.header-plus-button:active{background:var(--color-info-dark)}.screen-title-with-icon{display:flex;align-items:center;gap:8px}.screen-title-with-icon svg{color:var(--color-text)}.screen-primary-button{height:36px;margin:0;border-radius:999px;background:var(--primary-fill);border:none;padding:0 16px;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.screen-primary-button:hover{background:var(--primary-fill);opacity:.9}.screen-primary-button:active{background:var(--primary-fill);opacity:.8}.screen-search-input{width:100%;height:36px;margin:0;border-radius:999px;border:1px solid var(--color-border);padding:0 12px;font-size:14px;box-sizing:border-box;background:var(--color-card);color:var(--color-text)}.screen-search-input::placeholder{color:var(--color-text-placeholder)}.screen-search-input:focus{outline:none;box-shadow:none}.screen-search-input:focus-visible{outline:2px solid var(--primary-outline);outline-offset:2px}.screen-segmented-control{display:flex;gap:4px;margin:0;background:var(--control-well-bg);border-radius:10px;padding:4px}.segmented-control{display:flex;gap:4px;background:var(--segmented-container-bg);border-radius:12px;padding:4px;width:auto}.segmented-control--full-width{width:100%}.segmented-option{flex:1;min-width:0;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 12px;border:none;background:transparent;color:var(--color-text-muted);font-family:var(--font-family-base);font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.segmented-option:hover:not(.segmented-option--active){color:var(--color-text)}.segmented-option--sm{height:28px}.segmented-option--md{height:36px}.segmented-option--active{color:var(--color-on-primary-container);font-weight:500;box-shadow:var(--elevation-sm)}.segmented-option.ui-pressable:active:not(:disabled):after{background:var(--color-press-effect)!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:inherit!important}.app-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:transparent;z-index:var(--z-index-base)}.app-content.app-content--schedule,.app-content.app-content--clients{flex:1;padding:0 12px;box-sizing:border-box;background:transparent}.app-tabs{height:72px;padding:0;border-radius:16px 16px 0 0;background:var(--color-card);border:1px solid var(--color-border);border-bottom:none;box-shadow:var(--elevation-md);display:flex;align-items:stretch;justify-content:flex-start;width:100%;gap:0;position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;z-index:var(--z-index-bars);box-sizing:border-box;pointer-events:none}.app-tabs>*{pointer-events:auto}.app-tab{flex:1 1 0;min-width:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;padding:8px 0;gap:6px;border:none;box-sizing:border-box;background:transparent;color:var(--color-text-muted);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent!important;outline:none!important}.app-tab:active:not(:disabled){background:transparent!important;outline:none!important;-webkit-tap-highlight-color:transparent!important}.app-tab:active:not(:disabled):after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--color-press-effect)!important;border-radius:inherit!important;z-index:0!important;pointer-events:none!important}.app-tab>*{position:relative;z-index:1}.app-tab__icon{display:flex;align-items:center;justify-content:center}.app-tab__icon svg{width:22px;height:22px;display:block}.app-tab__label{font-size:11px;line-height:1.2;color:currentColor;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-tab.ui-pressable--selected{color:var(--color-text);font-weight:600;background:transparent}.schedule-viewport{flex:1;height:100%;overflow:hidden;position:relative;z-index:var(--z-index-base);min-height:0;display:flex;flex-direction:column}.schedule-scroll-host::-webkit-scrollbar{display:none;width:0;height:0}@media (min-width: 900px){.schedule-scroll-host{max-width:640px}}@media (min-width: 1200px){.schedule-scroll-host{max-width:720px}}.schedule-scroll-inner{padding:8px 0 12px;box-sizing:border-box;min-height:100%}.schedule-scroll-content{display:block;box-sizing:border-box;background:transparent}.clients-screen{height:100%}.clients-list{display:flex;flex-direction:column;gap:10px;padding:0;box-sizing:border-box}.clients-list-inner{display:flex;flex-direction:column;gap:10px;margin-top:12px}.clients-title-count{font-size:18px;font-weight:600;color:var(--color-text);padding:0 4px;border-radius:0;background:transparent;text-align:right;min-width:44px}.clients-header-plus{width:48px;height:48px;border-radius:12px;background:var(--primary-fill);border:none;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--color-text);cursor:pointer;transition:background-color .2s ease,transform .1s ease;flex-shrink:0;box-sizing:border-box}.clients-header-plus--green{background:var(--color-success-light);color:var(--color-success-dark)}.clients-header-plus--green:hover{background:var(--color-success);color:var(--color-on-success)}.clients-header-plus--green:active{background:var(--color-success-dark);color:var(--color-on-success)}.clients-header-plus:active{transform:scale(.97)}.appointment-client-add{width:44px;height:44px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-success-light);color:var(--color-success-dark);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;flex-shrink:0;box-sizing:border-box;padding:0;margin:0}.appointment-client-add:hover{background:var(--color-success);color:var(--color-on-success)}.appointment-client-add:active{background:var(--color-success-dark);color:var(--color-on-success);transform:scale(.97)}.add-item-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease;flex-shrink:0;box-sizing:border-box;padding:0;margin:0}.add-item-button:hover{background:var(--color-surface);border-color:var(--color-border)}.add-item-button:active{background:var(--control-well-bg);transform:scale(.97)}.add-item-button:disabled{opacity:.5;cursor:not-allowed}.clients-header-left{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;width:100%}.clients-topbar .search-input-wrapper{max-width:80%}.clients-topbar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-left:16px}.topbar-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.schedule-card{width:calc(100% - 32px);margin:8px 16px;background:var(--color-surface);border-radius:16px;padding:0;box-sizing:border-box;box-shadow:var(--elevation-lg);position:relative;z-index:var(--z-index-content);min-height:fit-content}.schedule-header-inner{min-height:40px}.app-screen{width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px;color:var(--color-text);text-align:center;min-height:200px;background:var(--color-card)}.app-error{color:var(--color-error);font-size:13px;text-align:center;max-width:260px}.app-bottom-bar{position:sticky;bottom:0;left:0;right:0;z-index:var(--z-index-bars);padding:12px;background:var(--color-card);border-top:1px solid var(--color-border);max-width:480px;margin:0 auto}.app-bottom-button{width:100%}.time-range-label{display:flex;flex-direction:column;gap:var(--spacing-8);font-size:var(--typography-font-size-xs);font-weight:500;color:var(--color-text);width:100%}.time-range-label-text-with-asterisk{display:inline}.time-range-label-text-with-asterisk .field-required-asterisk{color:var(--color-danger);margin-left:var(--spacing-4);font-weight:500}.time-range-container{display:flex;align-items:center;width:100%;min-width:0}.time-range-label-text{white-space:nowrap;margin-right:var(--spacing-8);margin-left:0;margin-top:0;margin-bottom:0;flex-shrink:0;display:inline-block;font-size:14px;color:var(--color-text-muted)}.time-range-spacer{width:var(--spacing-48);flex-shrink:0}.time-range-input{flex:1;min-width:0;width:100%}.service-product-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-8);align-items:center}.section-header{display:flex;align-items:center;justify-content:space-between}.section-title{font-weight:600}.error-message{padding:var(--spacing-12);color:var(--color-danger);background-color:var(--color-danger-light);border-radius:var(--radius-10);font-size:var(--typography-font-size-sm)}.break-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.checkbox-with-margin{display:flex;align-items:center;gap:var(--spacing-8);margin-top:var(--spacing-8)}.stack-services,.stack-products{padding-left:0;padding-right:0}.stack-services{margin-top:calc(var(--spacing-8) * -1);margin-bottom:calc(var(--spacing-8) * -1)}.stack-products{margin-top:calc(var(--spacing-8) * -1);margin-bottom:calc(var(--spacing-20) * -1)}.icon-button-disabled{opacity:.5}.field-required-asterisk{color:var(--color-danger);margin-left:var(--spacing-4);font-weight:500}.select-field-dropdown,.service-product-select-dropdown{scrollbar-width:none;-ms-overflow-style:none}.service-product-select-dropdown::-webkit-scrollbar{display:none;width:0;height:0}.day-timeline{display:grid;grid-template-columns:48px 1fr;gap:0;font-size:14px;margin:0;padding:var(--spacing-16);box-sizing:border-box}.day-timeline__times{padding:0}.day-timeline__time-row{display:flex;align-items:flex-start;justify-content:flex-start;padding:0;color:var(--color-text-muted);font-weight:500;font-size:14px;box-sizing:border-box}.day-timeline__grid{padding:0;box-sizing:border-box}.day-timeline__hour{position:relative;box-sizing:border-box;border-top:2px solid rgba(0,0,0,.08)}.day-timeline__hour-line,.day-timeline__hour-line--main{display:none}.day-timeline__quarter-lines{position:absolute;top:0;left:0;right:0;bottom:0;padding:0;box-sizing:border-box}.day-timeline__quarter-line{position:absolute;left:0;right:0;width:100%;height:1px;background:var(--color-border);opacity:.6}.day-timeline__quarter-line:nth-child(1){top:25%}.day-timeline__quarter-line:nth-child(2){top:50%}.day-timeline__quarter-line:nth-child(3){top:75%}.day-timeline__empty{padding:60px 16px;text-align:center;color:var(--color-text-muted);font-size:14px}.day-timeline__block{color:var(--color-on-info);font-size:13px;cursor:pointer}.day-timeline__block--blocked{background:var(--color-surface);color:var(--color-text-muted)}.day-timeline__block--cancelled{opacity:.6}.day-timeline__block-time{font-weight:500;font-size:11px;margin-bottom:4px;opacity:.95}.day-timeline__block-title{font-weight:600;font-size:14px;margin-bottom:2px;line-height:1.3}.day-timeline__block-subtitle{font-size:12px;opacity:.85;margin-bottom:4px;line-height:1.2}.day-timeline__block-price{font-weight:500;font-size:13px;margin-top:4px}.day-timeline__badge{position:absolute;top:8px;right:8px;background:var(--color-overlay);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.schedule-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.schedule-date{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.schedule-date button{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:8px 12px;cursor:pointer}.schedule-week{display:flex;gap:6px;margin-bottom:10px}.schedule-week button{flex:1;border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:8px 0;font-weight:600;cursor:pointer}.schedule-week button.active{background:var(--color-primary-light);border-color:var(--primary-outline);color:var(--color-on-primary-container)}.schedule-top-actions{display:flex;align-items:center;gap:8px}.schedule-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-card);display:flex;align-items:center;justify-content:center;cursor:pointer}.schedule-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.schedule-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;font-size:12px}.schedule-bottom-icon{width:20px;height:20px;border-radius:6px;background:var(--color-border)}.schedule-add-btn{position:fixed;right:calc(50% - 224px);bottom:88px;width:52px;height:52px;border-radius:12px;border:none;background:var(--primary-fill);color:var(--color-text);font-size:28px;font-weight:600;line-height:1;cursor:pointer;box-shadow:var(--elevation-xl);z-index:16;outline:none;-webkit-tap-highlight-color:transparent}.schedule-add-btn:active{background:var(--primary-fill);opacity:.8;transform:scale(.95)}@media (max-width: 480px){.schedule-add-btn{right:16px}}.schedule-date-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:10px;padding:6px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;margin:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;max-width:75px;min-width:0}.schedule-date-top{font-weight:600;font-size:13px;line-height:1.2;margin:0}.schedule-date-bottom{font-size:11px;color:var(--color-text-muted);line-height:1.2;margin:0}.schedule-topbar{grid-template-columns:minmax(0,75px) 1fr minmax(0,48px)}.schedule-week-inline{display:flex;width:100%;gap:0;min-height:44px;padding:0;box-sizing:border-box}.week-day-cell{flex:1 1 0;border:1px solid transparent;border-radius:8px;padding:6px 0;margin:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:var(--color-text-muted);box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent;height:100%}.week-day-label{font-size:12px;text-transform:lowercase;color:var(--color-text-muted)}.week-day-num{font-size:15px;font-weight:700;color:var(--color-text-muted)}.week-day-cell.active{background:var(--color-primary-light)!important;border-color:transparent!important;color:var(--color-on-primary-container)!important}.week-day-cell.today{border-color:var(--primary-outline);background:transparent}.week-day-cell.active.today{background:var(--color-primary-light)!important;border-color:transparent!important;color:var(--color-on-primary-container)!important}.week-day-cell.active .week-day-label,.week-day-cell.active .week-day-num{color:var(--color-on-primary-container)}.global-bottom-nav{position:relative;background:var(--color-card);border:1px solid var(--color-border);border-bottom:none;box-shadow:var(--elevation-md);border-radius:14px 14px 0 0;width:100%;padding:0 16px;z-index:var(--z-index-bars)}.global-bottom-nav-inner{width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:12px 12px 14px}.global-bottom-nav-inner button{border:none;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--color-text-muted);font-size:12px;padding:6px 4px;border-radius:10px;transition:background-color .2s ease}.global-bottom-nav-inner button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:transparent;transition:background-color .2s ease,inset .2s ease;z-index:0}.global-bottom-nav-inner button>*{position:relative;z-index:1}.global-bottom-nav-inner button.active{color:var(--color-text);font-weight:600}.global-bottom-nav-inner button.active:after{top:4px;right:4px;bottom:4px;left:4px;background:var(--color-primary-light);border-radius:8px}.global-bottom-nav-inner button.active .global-nav-label{color:var(--color-on-primary-container)}.global-nav-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.app-tabs-inner button .global-nav-icon,.global-bottom-nav-inner button .global-nav-icon{transition:color .2s ease}.app-tabs-inner button.active .global-nav-icon,.global-bottom-nav-inner button.active .global-nav-icon{color:var(--color-primary-dark)}.global-nav-label{line-height:1.2}.settings-overlay-card{background:var(--color-card);border-radius:16px;padding:16px;width:90vw;max-width:360px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:var(--elevation-2xl)}.settings-overlay-title{font-weight:600;font-size:16px;text-align:center}.settings-overlay-actions{display:flex;flex-direction:column;gap:10px}.settings-overlay-actions button{border:1px solid var(--color-border);background:var(--color-card);border-radius:12px;padding:12px;font-weight:600;cursor:pointer}.settings-overlay-close{border:none;background:var(--color-card);border-radius:12px;padding:10px;cursor:pointer;font-weight:600}.client-details-action-btn:hover:not(:disabled){background:var(--color-surface)}.client-details-action-btn:active:not(:disabled){background:var(--control-well-bg)}.client-details-action-btn:disabled{opacity:.5;cursor:not-allowed}.create-overlay-card{background:var(--color-card);border-radius:16px;padding:16px;width:90vw;max-width:380px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;box-shadow:var(--elevation-2xl)}.create-form{display:flex;flex-direction:column;gap:10px}.create-form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px}.create-form input,.create-form select{border:1px solid var(--color-border);border-radius:12px;padding:10px 12px;font-size:14px}.create-primary{border:none;background:var(--primary-fill);color:var(--color-text);border-radius:12px;padding:12px;font-weight:600;cursor:pointer}.create-error{color:var(--color-error);font-size:13px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%}.date-grid{padding:16px;margin-bottom:8px}.date-cell{width:100%;aspect-ratio:1 / 1;border-radius:12px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;box-sizing:border-box}.date-cell.busy{background:var(--color-success-light);color:var(--color-success-dark)}.date-cell.blocked{background:var(--color-info-light);color:var(--color-info-dark)}.date-cell.free{color:var(--color-text-muted)}.date-cell.today{border-color:var(--primary-outline);background:transparent}.date-cell.selected{border-color:var(--primary-outline);background:var(--color-primary-alt);color:var(--color-text)}.date-cell.disabled{opacity:.4;cursor:not-allowed}.date-cell.other-month{color:var(--color-border);border-color:transparent;background:transparent}.date-cell.past-date:not(.disabled):not(.selected):not(.today){opacity:.6}.date-cell.locked:not(.disabled):not(.selected):not(.today){background:var(--color-muted-light);color:var(--color-muted-dark)}.day-progress-fill{position:absolute;bottom:0;left:0;right:0;background:var(--color-success);border-radius:inherit;transition:height .2s ease;z-index:1}.day-number{position:relative;z-index:2;font-weight:600}.attention-indicator{position:absolute;top:2px;right:2px;width:14px;height:14px;background:var(--color-error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:3}.date-cell.weekend:not(.disabled):not(.selected):not(.today){background:var(--color-error);opacity:.08}.date-cell.holiday:not(.disabled):not(.selected):not(.today){border-color:var(--color-error);opacity:.35}.calendar-divider{height:1px;background:var(--color-border);margin:0 var(--calendar-content-padding-x)}.calendar-divider--between-months{margin-bottom:8px}.month-header{font-weight:600;font-size:18px;color:var(--color-text);margin-bottom:12px;text-align:center}.weekday-header{margin-bottom:8px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.dow-cell{display:flex;justify-content:center;align-items:center;min-width:0;white-space:nowrap}.today-button{background:none;border:none;color:var(--color-text);font-weight:600;cursor:pointer;font-size:14px;padding:0}.today-button:hover{opacity:.7}.modal-overlay{scrollbar-width:none;-ms-overflow-style:none}.modal-overlay::-webkit-scrollbar{display:none;width:0;height:0}.modal-card{width:100%;max-width:360px;margin:0 auto;border-radius:16px;padding:12px;background:var(--color-card);box-shadow:var(--elevation-2xl);box-sizing:border-box;max-height:calc(100vh - 24px);overflow:auto;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-ms-overflow-style:none;align-self:center;justify-self:center}.modal-card::-webkit-scrollbar{display:none;width:0;height:0}.bottom-sheet-scroll{scrollbar-width:none;-ms-overflow-style:none}.bottom-sheet-scroll::-webkit-scrollbar{display:none;width:0;height:0}.category-items-scroll{scrollbar-width:none;-ms-overflow-style:none}.category-items-scroll::-webkit-scrollbar{display:none;width:0;height:0}.modal-full-height{height:calc(100vh - 24px);max-height:calc(100vh - 24px);margin:12px 0;border-radius:12px;padding:0;gap:0;max-width:420px;overflow:hidden}.modal-overlay.modal-full-height-overlay{overflow-y:visible}.modal-title{font-size:18px;font-weight:600;margin:0;color:var(--color-text)}.modal-close{border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--color-text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease,color .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.modal-close:hover{background:var(--color-surface);color:var(--color-text)}.modal-close:active{background:var(--control-well-bg)}.ui-input-field::placeholder{color:var(--color-text-placeholder)}select::placeholder,select option:disabled{color:var(--color-text-placeholder)}select option[value=""]{color:var(--color-text-placeholder)}.modal-card .ui-pressable:focus,.modal-card .ui-pressable:focus-visible,.modal-card .button:focus,.modal-card .button:focus-visible,.modal-card .icon-button:focus,.modal-card .icon-button:focus-visible{outline:none!important}.ui-pressable{position:relative!important;overflow:hidden!important;background:transparent!important;transition:background-color var(--press-transition, .2s ease),color var(--press-transition, .2s ease)!important;-webkit-tap-highlight-color:transparent!important;-moz-tap-highlight-color:transparent!important;tap-highlight-color:transparent!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;outline:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;cursor:pointer!important}@media (hover: none) and (pointer: coarse){.ui-pressable:focus,.ui-pressable:focus-visible,.ui-pressable:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}}.ui-pressable:focus-visible{outline:2px solid var(--primary-outline)!important;outline-offset:2px!important}.ui-pressable:disabled{cursor:not-allowed!important;opacity:.6!important}.ui-pressable:disabled:active{background:transparent!important}.ui-pressable:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;border-radius:inherit!important;background:transparent!important;transition:background-color var(--press-transition),inset var(--press-transition)!important;z-index:0!important;pointer-events:none!important}.ui-pressable>*{position:relative!important;z-index:1!important}.ui-pressable:active:not(:disabled){background:transparent!important}.ui-pressable:active:not(:disabled):after{background:var(--color-press-effect)!important;opacity:1!important}@media (hover: none) and (pointer: coarse){.ui-pressable:active:not(:disabled){-webkit-tap-highlight-color:transparent!important;outline:none!important;box-shadow:none!important}.ui-pressable:active:not(:disabled):after{background:var(--color-press-effect)!important;opacity:1!important}}.ui-pressable--selected:after{inset:var(--press-inset-md, 4px)!important;border-radius:var(--press-selected-radius-md, 10px)!important;background:var(--color-primary-light)!important}.ui-pressable--sm{border-radius:var(--press-radius-sm, 10px)!important}.ui-pressable--sm.ui-pressable--selected:after{inset:var(--press-inset-sm, 3px)!important;border-radius:var(--press-selected-radius-sm, 8px)!important}@media (hover: none) and (pointer: coarse){button:focus,button:focus-visible,button:active,.button:focus,.button:focus-visible,.button:active,.icon-button:focus,.icon-button:focus-visible,.icon-button:active{outline:none!important;-webkit-tap-highlight-color:transparent!important}}.button{border-width:1px;border-style:solid;border-color:transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.button--sm{padding:var(--button-padding-y-sm) var(--button-padding-x-sm);min-height:var(--button-height-sm)}.button--md{padding:var(--button-padding-y-md) var(--button-padding-x-md);min-height:var(--button-height-md)}.button--primary{background:var(--primary-fill)!important;color:var(--color-on-primary);border-color:var(--primary-fill);border-radius:12px;font-size:16px;font-weight:600;line-height:20px}.button--secondary{background:var(--color-card)!important;color:var(--color-text);border-color:var(--color-border)}.button--ghost{background:transparent;color:var(--color-text);border-color:transparent}.button--danger{background:var(--color-error)!important;color:var(--color-on-error);border-color:var(--color-error)}.button--full-width{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;font-weight:600}.icon-button--sm{width:var(--icon-button-size-sm);height:var(--icon-button-size-sm)}.icon-button--md{width:var(--icon-button-size-md);height:var(--icon-button-size-md)}.icon-button--lg{width:var(--icon-button-size-lg);height:var(--icon-button-size-lg)}.icon-button--primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.icon-button--secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)!important}.icon-button--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.icon-button:focus{outline:none}.icon-button:focus-visible{outline:2px solid var(--primary-outline);outline-offset:2px}.modalHeader .icon-button[aria-label=Закрыть]:focus{outline:none}.modalHeader .icon-button[aria-label=Закрыть]:focus-visible{outline:2px solid var(--primary-outline);outline-offset:2px}.screen-container{width:100%;min-height:100%;box-sizing:border-box}.screen-content{display:flex;flex-direction:column;gap:var(--spacing-12)}.screen-content--compact{gap:var(--spacing-8)}.screen-content--spacious{gap:var(--spacing-16)}.screen-info{text-align:center;padding:var(--spacing-24);color:var(--color-text-muted);font-size:var(--typography-font-size-sm)}.screen-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-6)}.screen-list-item{display:flex;align-items:center;justify-content:space-between;font-size:var(--typography-font-size-sm);padding:var(--spacing-6) 0;border-bottom:1px solid var(--color-border)}.screen-list-item:last-child{border-bottom:none}.screen-row{display:flex;justify-content:space-between;font-size:var(--typography-font-size-sm);margin-top:var(--spacing-4)}.screen-muted{color:var(--color-text-muted);font-size:var(--typography-font-size-sm)}.screen-error{border-color:var(--color-error);background-color:var(--color-error-light);padding:var(--spacing-12);border-radius:var(--radius-10)}.clients-list-container{padding:var(--spacing-12) 0}.client-row{display:grid;grid-template-columns:1fr auto var(--icon-button-size-sm);align-items:center;column-gap:0;padding:var(--spacing-12) var(--spacing-16);padding-right:0;min-height:56px;border-bottom:none;background:transparent;cursor:pointer;border-radius:0!important;box-sizing:border-box;position:relative}.client-row:before{content:"";position:absolute;left:var(--spacing-16);right:var(--spacing-16);bottom:0;height:1px;background:var(--color-border);pointer-events:none;z-index:2}.client-row:last-child:before{display:none}.client-row>.client-row__main{margin-right:var(--spacing-12)}.client-row>.client-row__meta,.client-row>.client-row__menu{margin:0;padding:0}.client-row__main{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.client-row__name{font-size:var(--typography-font-size-sm);line-height:1.3;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-row__phone{display:flex;align-items:center;gap:var(--spacing-4);min-width:0}.client-row__phone-icon{width:var(--spacing-14);height:var(--spacing-14);flex:0 0 var(--spacing-14);display:block}.client-row__phone-icon svg{width:var(--spacing-14);height:var(--spacing-14)}.client-row__phone-text{font-size:var(--typography-font-size-sm);line-height:1.3;font-weight:400;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.client-row__meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--spacing-4);text-align:right;white-space:nowrap}.client-row__meta-line{font-size:var(--typography-font-size-xs);line-height:1.2;font-weight:400;color:var(--color-text-muted);white-space:nowrap}.client-row__menu{display:flex;align-items:center;justify-content:center;height:100%;position:relative;padding:0;margin:0}.client-row__menu .icon-button{padding:0}.client-row__menu-dropdown{position:fixed;z-index:var(--z-index-overlay);background:var(--color-card);border-radius:var(--radius-8);box-shadow:var(--elevation-lg);padding:var(--spacing-8);min-width:160px;display:flex;flex-direction:column;gap:var(--spacing-4)}.client-row__menu-dropdown button{justify-content:flex-start}.services-topbar{min-height:40px}.services-segmented-toggle{height:40px!important;max-width:80%}.services-segmented-toggle .segmented-toggle__segment{height:calc(40px - calc(var(--segmented-gap) * 2))!important}.services-topbar-actions{margin-left:16px}.settings-segmented-toggle{width:100%!important;height:40px!important}.settings-segmented-toggle .segmented-toggle__segment{height:calc(40px - calc(var(--segmented-gap) * 2))!important}.clients-header-left{max-width:80%}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;min-height:48px;padding:12px 16px 8px;background:var(--color-card);border-top-left-radius:16px;border-top-right-radius:16px}.modalHeader:not(:has(.modalHeaderActions)){justify-content:center}.modalHeader #modal-title{display:flex;align-items:center;justify-content:flex-start;flex:1;min-height:48px}.modalHeader:not(:has(.modalHeaderActions)) #modal-title{justify-content:center;text-align:center}.modalHeaderActions{display:flex;align-items:center;gap:8px;flex-shrink:0}.modalHeaderActions{display:flex;align-items:center;gap:8px}.modalHeaderActions .icon-button[aria-label=Закрыть]{width:26px;height:26px}.modalHeaderActions .icon-button[aria-label=Закрыть] svg{width:26px;height:26px}.modalBody{display:flex;flex-direction:column;gap:0;width:100%;min-height:0;padding:8px 16px 0}.modalFooter{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;width:100%;margin-top:8px;padding:12px}.modalFooterStacked{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px}.modalFooterStacked .button,.modalFooterStacked button{width:100%}.modalFooterRow{display:flex;flex-direction:row;align-items:center;gap:8px}.modalFooterEnd{flex-direction:row;align-items:center}.confirm-unsaved-changes-modal__content{display:flex;flex-direction:column;padding:0}.confirm-unsaved-changes-modal__actions{display:flex;flex-direction:column;gap:8px;width:100%}.info-actions-bar{width:100%;padding:0;margin-bottom:0}.info-actions-bar--with-divider{border-top:1px solid var(--color-border);padding-top:0;margin-top:8px}.info-actions-bar__content{width:100%}.key-value-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.key-value-row__label{font-size:14px!important;font-weight:600!important;color:var(--color-text-muted)!important}.key-value-row__value{font-size:14px!important;font-weight:400!important;text-align:right!important;color:var(--color-text)!important}.read-only-note-block{width:100%}.read-only-note-block span.read-only-note-block__label,.read-only-note-block .read-only-note-block__label{font-size:12px!important;font-weight:600!important;color:var(--color-text-muted)!important;margin-bottom:8px!important;display:block!important}.read-only-note-block__content{padding:8px!important;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-variant, var(--color-card));min-height:56px;box-sizing:border-box}.read-only-note-block__text{font-size:14px!important;font-weight:400!important;color:var(--color-text-placeholder)!important;white-space:pre-wrap!important;line-height:1.45!important;display:block!important}.confirm-delete-modal__content{padding:var(--spacing-16, 16px)}.confirm-delete-modal__actions{display:flex;flex-direction:column;gap:var(--spacing-8, 8px);width:100%}.segmented-toggle{display:inline-flex;align-items:center;gap:var(--segmented-gap);background:var(--segmented-container-bg);border-radius:var(--radius-12);padding:var(--segmented-gap);box-sizing:border-box}.segmented-toggle--sm{height:var(--segmented-height-sm)}.segmented-toggle--md{height:var(--segmented-height-md)}.segmented-toggle--lg{height:var(--segmented-height-lg)}.segmented-toggle__segment{flex:1;min-width:0;border:none;position:relative;overflow:hidden;--seg-bg: var(--segmented-pill-bg);--seg-fg: var(--segmented-text);background:var(--seg-bg);color:var(--seg-fg);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease;box-sizing:border-box;font-family:var(--font-family-base)}.segmented-toggle--sm .segmented-toggle__segment{height:calc(var(--segmented-height-sm) - calc(var(--segmented-gap) * 2));padding:0 var(--segmented-pad-x-sm);border-radius:var(--segmented-radius-sm);font-size:var(--typography-font-size-xs);font-weight:400;line-height:1.2;white-space:nowrap}.segmented-toggle--md .segmented-toggle__segment{height:calc(var(--segmented-height-md) - calc(var(--segmented-gap) * 2));padding:0 var(--segmented-pad-x-md);border-radius:var(--segmented-radius-md);font-size:var(--typography-font-size-xs);font-weight:400;line-height:1.3;white-space:nowrap}.segmented-toggle--lg .segmented-toggle__segment{height:calc(var(--segmented-height-lg) - calc(var(--segmented-gap) * 2));padding:0 var(--segmented-pad-x-lg);border-radius:var(--segmented-radius-lg);font-size:var(--typography-font-size-sm);font-weight:500;line-height:1.4;white-space:nowrap}.segmented-toggle__segment--active{--seg-bg: var(--segmented-pill-bg-active);--seg-fg: var(--segmented-text-active);background:var(--seg-bg);color:var(--seg-fg);box-shadow:var(--elevation-sm);font-weight:500}.segmented-toggle__segment:hover:not(.segmented-toggle__segment--active):not(:disabled){color:var(--color-text)}.segmented-toggle__segment:active:not(:disabled):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-press-effect)!important;border-radius:inherit!important;z-index:0;pointer-events:none}.segmented-toggle__segment>*{position:relative;z-index:1}.segmented-toggle__segment:focus{outline:none}.segmented-toggle__segment:focus-visible{outline:2px solid var(--primary-outline);outline-offset:2px}.segmented-toggle__segment:disabled{opacity:.5;cursor:not-allowed}.segmented-toggle--full-width{width:100%}.segmented-toggle--inverted .segmented-toggle__segment--active{--seg-bg: var(--segmented-pill-bg-active);--seg-fg: var(--segmented-text-active);background:var(--seg-bg);color:var(--seg-fg);box-shadow:var(--elevation-sm);font-weight:500}.segmented-toggle--status .segmented-toggle__segment--active[data-status=scheduled]{--seg-bg: var(--appointment-bg-header-scheduled);--seg-fg: var(--color-text);background:var(--seg-bg);color:var(--seg-fg)}.segmented-toggle--status .segmented-toggle__segment--active[data-status=completed]{--seg-bg: var(--appointment-bg-header-completed);--seg-fg: var(--color-text);background:var(--seg-bg);color:var(--seg-fg)}.segmented-toggle--status .segmented-toggle__segment--active[data-status=no_show]{--seg-bg: var(--appointment-bg-header-no-show);--seg-fg: var(--color-text);background:var(--seg-bg);color:var(--seg-fg)}.segmented-toggle--status .segmented-toggle__segment--active[data-status=cancelled]{--seg-bg: var(--appointment-bg-header-cancelled);--seg-fg: var(--color-text);background:var(--seg-bg);color:var(--seg-fg)}.segmented-toggle--status .segmented-toggle__segment--active[data-status=moved]{--seg-bg: var(--appointment-bg-header-moved);--seg-fg: var(--color-text);background:var(--seg-bg);color:var(--seg-fg)}.search-input-wrapper{position:relative;width:100%;display:flex;align-items:center}.search-input-icon{position:absolute;left:var(--search-icon-offset);color:var(--color-text-muted);z-index:1;pointer-events:none;flex-shrink:0}.search-input{width:100%;height:var(--search-height);border-radius:var(--radius-8);border:1px solid var(--color-border);padding:0 var(--search-padding-x) 0 var(--search-padding-x-with-icon);font-size:var(--typography-font-size-sm);font-weight:400;box-sizing:border-box;background:var(--color-card);color:var(--color-text);font-family:var(--font-family-base);transition:border-color .15s ease}.search-input::placeholder{color:var(--color-text-placeholder)}.search-input:focus{outline:none;box-shadow:none}.search-input:focus-visible{outline:none;box-shadow:none}.search-input:disabled{opacity:.5;cursor:not-allowed}