:root{color-scheme:light;--font-family: "Plus Jakarta Sans", "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary: #1e5af0;--primary-hover: #1746c0;--primary-light: #eef2ff;--secondary: #f59e0b;--secondary-hover: #d97706;--secondary-light: #fffbeb;--accent: #f59e0b;--accent-hover: #d97706;--accent-light: #fffbeb;--success: #16a34a;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #dc2626;--danger-light: #fee2e2;--white: #ffffff;--bg-page: #ffffff;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-header: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-subtle: #f1f5f9;--divider: #e2e8f0;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;font-family:var(--font-family);color:var(--text-primary)}body.dark-theme,html.dark-theme{color-scheme:dark;--bg-page: #0b132b;--bg-primary: #0b132b;--bg-secondary: #1c2541;--bg-surface: #1c2541;--bg-card: #1c2541;--bg-card-hover: #243056;--bg-header: #0b132b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-subtle: #1e293b;--divider: #334155;background-color:#0b132b!important;background:#0b132b!important;color:#f8fafc!important}body.dark-theme p,body.dark-theme span,body.dark-theme label,body.dark-theme input,body.dark-theme textarea,body.dark-theme select,body.dark-theme strong,body.dark-theme b,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6,body.dark-theme div,body.dark-theme button,body.dark-theme a,body.dark-theme li,html.dark-theme p,html.dark-theme span,html.dark-theme label,html.dark-theme input,html.dark-theme textarea,html.dark-theme select,html.dark-theme strong,html.dark-theme b,html.dark-theme h1,html.dark-theme h2,html.dark-theme h3,html.dark-theme h4,html.dark-theme h5,html.dark-theme h6,html.dark-theme div,html.dark-theme button,html.dark-theme a,html.dark-theme li{color:inherit}body.dark-theme .page-header__back-btn,body.dark-theme .location-header__notification-btn,body.dark-theme .location-header__selector,body.dark-theme .shop-header__cart-btn,body.dark-theme .shop-header__orders-btn,body.dark-theme .shop-header__back-btn,body.dark-theme .notifications-header__read-all-btn,body.dark-theme .coiffeur-tickets__filter-btn,html.dark-theme .page-header__back-btn,html.dark-theme .location-header__notification-btn,html.dark-theme .location-header__selector,html.dark-theme .shop-header__cart-btn,html.dark-theme .shop-header__orders-btn,html.dark-theme .shop-header__back-btn,html.dark-theme .notifications-header__read-all-btn,html.dark-theme .coiffeur-tickets__filter-btn{color:#fff!important;background-color:transparent!important}body.dark-theme .page-header__back-btn svg,body.dark-theme .location-header__notification-btn svg,body.dark-theme .location-header__selector svg,body.dark-theme .shop-header__cart-btn svg,body.dark-theme .shop-header__orders-btn svg,body.dark-theme .shop-header__back-btn svg,body.dark-theme .notifications-header__read-all-btn svg,body.dark-theme .coiffeur-tickets__filter-btn svg,html.dark-theme .page-header__back-btn svg,html.dark-theme .location-header__notification-btn svg,html.dark-theme .location-header__selector svg,html.dark-theme .shop-header__cart-btn svg,html.dark-theme .shop-header__orders-btn svg,html.dark-theme .shop-header__back-btn svg,html.dark-theme .notifications-header__read-all-btn svg,html.dark-theme .coiffeur-tickets__filter-btn svg{color:#fff!important;stroke:#fff!important}body.dark-theme .page-header__back-btn:hover,body.dark-theme .location-header__notification-btn:hover,body.dark-theme .location-header__selector:hover,body.dark-theme .shop-header__cart-btn:hover,body.dark-theme .shop-header__orders-btn:hover,body.dark-theme .shop-header__back-btn:hover,body.dark-theme .notifications-header__read-all-btn:hover,body.dark-theme .coiffeur-tickets__filter-btn:hover,html.dark-theme .page-header__back-btn:hover,html.dark-theme .location-header__notification-btn:hover,html.dark-theme .location-header__selector:hover,html.dark-theme .shop-header__cart-btn:hover,html.dark-theme .shop-header__orders-btn:hover,html.dark-theme .shop-header__back-btn:hover,html.dark-theme .notifications-header__read-all-btn:hover,html.dark-theme .coiffeur-tickets__filter-btn:hover{background-color:#ffffff1f!important}body.dark-theme .client-layout__header,body.dark-theme .page-header,body.dark-theme .location-header,body.dark-theme .shop-header,body.dark-theme .bottom-navigation,body.dark-theme .product-card,body.dark-theme .order-card,body.dark-theme .notification-card,body.dark-theme .profile-page__menu,body.dark-theme .coiffeur-stat-card,body.dark-theme .activity-card,body.dark-theme .queue-card,body.dark-theme .walkin-modal,body.dark-theme .confirm-modal__content,body.dark-theme .cart-item-card,body.dark-theme .cart-summary,body.dark-theme .cart-page__fixed-footer,body.dark-theme .order-confirm-page__card,body.dark-theme .order-confirm-page__fixed-footer,body.dark-theme .order-detail-page__fixed-footer,body.dark-theme .relatives-page__card,body.dark-theme .relative-card,body.dark-theme .stat-card,body.dark-theme .settings-card,body.dark-theme .faq-card,body.dark-theme .settings-theme-selector,body.dark-theme .salon-card,body.dark-theme .salon-list-card,body.dark-theme .ticket-owner-card,html.dark-theme .client-layout__header,html.dark-theme .page-header,html.dark-theme .location-header,html.dark-theme .shop-header,html.dark-theme .bottom-navigation,html.dark-theme .product-card,html.dark-theme .order-card,html.dark-theme .notification-card,html.dark-theme .profile-page__menu,html.dark-theme .coiffeur-stat-card,html.dark-theme .activity-card,html.dark-theme .queue-card,html.dark-theme .walkin-modal,html.dark-theme .confirm-modal__content,html.dark-theme .cart-item-card,html.dark-theme .cart-summary,html.dark-theme .cart-page__fixed-footer,html.dark-theme .order-confirm-page__card,html.dark-theme .order-confirm-page__fixed-footer,html.dark-theme .order-detail-page__fixed-footer,html.dark-theme .relatives-page__card,html.dark-theme .relative-card,html.dark-theme .stat-card,html.dark-theme .settings-card,html.dark-theme .faq-card,html.dark-theme .settings-theme-selector,html.dark-theme .salon-card,html.dark-theme .salon-list-card,html.dark-theme .ticket-owner-card{background-color:#1c2541!important;border-color:#334155!important;color:#fff!important;box-shadow:none!important}body.dark-theme .profile-page__menu-item:hover,body.dark-theme .notification-card:hover,body.dark-theme .faq-card__header:hover,body.dark-theme .settings-row:hover,body.dark-theme .relative-card:hover,body.dark-theme .activity-card:hover,html.dark-theme .profile-page__menu-item:hover,html.dark-theme .notification-card:hover,html.dark-theme .faq-card__header:hover,html.dark-theme .settings-row:hover,html.dark-theme .relative-card:hover,html.dark-theme .activity-card:hover{background-color:#243056!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6,body.dark-theme strong,body.dark-theme b,body.dark-theme .page-header__title,body.dark-theme .location-header__text,body.dark-theme .shop-header__title,body.dark-theme .product-card__title,body.dark-theme .order-card__number,body.dark-theme .notification-card__title,body.dark-theme .profile-page__name,body.dark-theme .profile-page__menu-label,body.dark-theme .coiffeur-stat-card__val,body.dark-theme .coiffeur-activity__title,body.dark-theme .activity-card__name,body.dark-theme .queue-card__name,body.dark-theme .section-heading__title,body.dark-theme .salon-card__name,body.dark-theme .ticket-owner-card__name,body.dark-theme .cart-item-card__title,body.dark-theme .cart-summary__total-label,body.dark-theme .order-confirm-page__hero h1,body.dark-theme .order-confirm-page__order-num,body.dark-theme .order-confirm-page__item-info strong,body.dark-theme .order-detail-page__number,body.dark-theme .order-detail-item__title,body.dark-theme .order-detail-item__price,body.dark-theme .order-detail-page__total-label,body.dark-theme .notifications-page__empty h3,body.dark-theme .relative-card__name,body.dark-theme .stat-card__value,body.dark-theme .settings-section__title,body.dark-theme .settings-row__info strong,body.dark-theme .faq-card__question,body.dark-theme .support-section-title,body.dark-theme .support-contact-hero h1,html.dark-theme h1,html.dark-theme h2,html.dark-theme h3,html.dark-theme h4,html.dark-theme h5,html.dark-theme h6,html.dark-theme strong,html.dark-theme b,html.dark-theme .page-header__title,html.dark-theme .location-header__text,html.dark-theme .shop-header__title,html.dark-theme .product-card__title,html.dark-theme .order-card__number,html.dark-theme .notification-card__title,html.dark-theme .profile-page__name,html.dark-theme .profile-page__menu-label,html.dark-theme .coiffeur-stat-card__val,html.dark-theme .coiffeur-activity__title,html.dark-theme .activity-card__name,html.dark-theme .queue-card__name,html.dark-theme .section-heading__title,html.dark-theme .salon-card__name,html.dark-theme .ticket-owner-card__name,html.dark-theme .cart-item-card__title,html.dark-theme .cart-summary__total-label,html.dark-theme .order-confirm-page__hero h1,html.dark-theme .order-confirm-page__order-num,html.dark-theme .order-confirm-page__item-info strong,html.dark-theme .order-detail-page__number,html.dark-theme .order-detail-item__title,html.dark-theme .order-detail-item__price,html.dark-theme .order-detail-page__total-label,html.dark-theme .notifications-page__empty h3,html.dark-theme .relative-card__name,html.dark-theme .stat-card__value,html.dark-theme .settings-section__title,html.dark-theme .settings-row__info strong,html.dark-theme .faq-card__question,html.dark-theme .support-section-title,html.dark-theme .support-contact-hero h1{color:#fff!important}body.dark-theme p,body.dark-theme .product-card__category,body.dark-theme .order-card__date,body.dark-theme .notification-card__message,body.dark-theme .notification-card__time,body.dark-theme .profile-page__phone,body.dark-theme .queue-card__phone,body.dark-theme .activity-card__date,body.dark-theme .settings-section__subtitle,body.dark-theme .settings-row__info span,body.dark-theme .faq-card__answer,body.dark-theme .support-contact-hero p,body.dark-theme .relatives-page__subtitle,body.dark-theme .salon-card__subtitle,body.dark-theme .ticket-owner-card__subtitle,html.dark-theme p,html.dark-theme .product-card__category,html.dark-theme .order-card__date,html.dark-theme .notification-card__message,html.dark-theme .notification-card__time,html.dark-theme .profile-page__phone,html.dark-theme .queue-card__phone,html.dark-theme .activity-card__date,html.dark-theme .settings-section__subtitle,html.dark-theme .settings-row__info span,html.dark-theme .faq-card__answer,html.dark-theme .support-contact-hero p,html.dark-theme .relatives-page__subtitle,html.dark-theme .salon-card__subtitle,html.dark-theme .ticket-owner-card__subtitle{color:#cbd5e1!important}body.dark-theme .profile-page__menu-icon,body.dark-theme .profile-page__menu-chevron,body.dark-theme .location-header__icon,body.dark-theme .shop-header__icon,html.dark-theme .profile-page__menu-icon,html.dark-theme .profile-page__menu-chevron,html.dark-theme .location-header__icon,html.dark-theme .shop-header__icon{color:#94a3b8!important}body.dark-theme input:not(.phone-field input):not(.search-bar input):not(.search-bar__input):not(.admin-search-box input),body.dark-theme textarea,body.dark-theme select,html.dark-theme input:not(.phone-field input):not(.search-bar input):not(.search-bar__input):not(.admin-search-box input),html.dark-theme textarea,html.dark-theme select{background-color:#1c2541!important;border-color:#334155!important;color:#f8fafc!important}body.dark-theme input:not(.phone-field input):not(.search-bar input):not(.search-bar__input):not(.admin-search-box input)::placeholder,body.dark-theme textarea::placeholder,body.dark-theme select::placeholder,html.dark-theme input:not(.phone-field input):not(.search-bar input):not(.search-bar__input):not(.admin-search-box input)::placeholder,html.dark-theme textarea::placeholder,html.dark-theme select::placeholder{color:#94a3b8!important}body.dark-theme .phone-field input,body.dark-theme .search-bar input,body.dark-theme .search-bar__input,body.dark-theme .admin-search-box input,html.dark-theme .phone-field input,html.dark-theme .search-bar input,html.dark-theme .search-bar__input,html.dark-theme .admin-search-box input{background:transparent!important;background-color:transparent!important;color:#f8fafc!important}body.dark-theme .phone-field input::placeholder,body.dark-theme .search-bar input::placeholder,body.dark-theme .search-bar__input::placeholder,body.dark-theme .admin-search-box input::placeholder,html.dark-theme .phone-field input::placeholder,html.dark-theme .search-bar input::placeholder,html.dark-theme .search-bar__input::placeholder,html.dark-theme .admin-search-box input::placeholder{color:#64748b!important}body.dark-theme .client-layout__body,body.dark-theme .client-layout,body.dark-theme .profile-page,body.dark-theme .client-home__content,body.dark-theme .shop-page__content,body.dark-theme .my-tickets-page__content,body.dark-theme .my-orders-page__content,body.dark-theme .notifications-page__content,body.dark-theme .coiffeur-home,body.dark-theme .coiffeur-tickets,body.dark-theme .settings-page__content,body.dark-theme .support-page__content,body.dark-theme .relatives-page,body.dark-theme .add-relative-page,body.dark-theme .edit-relative-page,body.dark-theme .favorites-page,body.dark-theme .salon-detail,body.dark-theme .ticket-detail,body.dark-theme .ticket-owner-page,html.dark-theme .client-layout__body,html.dark-theme .client-layout,html.dark-theme .profile-page,html.dark-theme .client-home__content,html.dark-theme .shop-page__content,html.dark-theme .my-tickets-page__content,html.dark-theme .my-orders-page__content,html.dark-theme .notifications-page__content,html.dark-theme .coiffeur-home,html.dark-theme .coiffeur-tickets,html.dark-theme .settings-page__content,html.dark-theme .support-page__content,html.dark-theme .relatives-page,html.dark-theme .add-relative-page,html.dark-theme .edit-relative-page,html.dark-theme .favorites-page,html.dark-theme .salon-detail,html.dark-theme .ticket-detail,html.dark-theme .ticket-owner-page{background-color:#0b132b!important}body.dark-theme .bottom-navigation,html.dark-theme .bottom-navigation{background-color:#1c2541!important;border-top:1px solid #334155!important}body.dark-theme .bottom-navigation .bottom-navigation__item,html.dark-theme .bottom-navigation .bottom-navigation__item{color:#94a3b8!important}body.dark-theme .bottom-navigation .bottom-navigation__item--active,html.dark-theme .bottom-navigation .bottom-navigation__item--active{color:#1e5af0!important}body.dark-theme .category-pill,body.dark-theme .coiffeur-tickets__tab,body.dark-theme .my-tickets-page__tab,html.dark-theme .category-pill,html.dark-theme .coiffeur-tickets__tab,html.dark-theme .my-tickets-page__tab{background:#0b132b!important;color:#cbd5e1!important;border-color:#334155!important}body.dark-theme .category-pill--active,body.dark-theme .category-pill.active,body.dark-theme .category-pill[class*=--active],body.dark-theme .coiffeur-tickets__tab--active,body.dark-theme .coiffeur-tickets__tab.active,body.dark-theme .coiffeur-tickets__tab[class*=--active],body.dark-theme .my-tickets-page__tab--active,body.dark-theme .my-tickets-page__tab.active,body.dark-theme .my-tickets-page__tab[class*=--active],html.dark-theme .category-pill--active,html.dark-theme .category-pill.active,html.dark-theme .category-pill[class*=--active],html.dark-theme .coiffeur-tickets__tab--active,html.dark-theme .coiffeur-tickets__tab.active,html.dark-theme .coiffeur-tickets__tab[class*=--active],html.dark-theme .my-tickets-page__tab--active,html.dark-theme .my-tickets-page__tab.active,html.dark-theme .my-tickets-page__tab[class*=--active]{background:#1e5af0!important;color:#fff!important;border-color:#1e5af0!important}body.dark-theme .profile-page__divider,body.dark-theme .settings-divider,html.dark-theme .profile-page__divider,html.dark-theme .settings-divider{background:#334155!important}*{box-sizing:border-box}body [class],body [class]:before,body [class]:after,html body [class][class],html body [class][class]:before,html body [class][class]:after,html body.dark-theme [class][class],html body.dark-theme [class][class]:before,html body.dark-theme [class][class]:after,button,button:before,button:after{box-shadow:none!important;text-shadow:none!important}button:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:not(input):not(textarea):not(select):focus-visible{outline:2px solid rgba(30,90,240,.72)!important;outline-offset:2px}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,.search-bar:focus-within,.phone-field:focus-within,.admin-search-box input:focus{outline:none!important;box-shadow:none!important;border-color:var(--border-color, #e2e8f0)!important}.phone-field input,.search-bar input,.search-bar__input,.admin-search-box input,.search-box input{background:transparent!important;background-color:transparent!important;box-shadow:none!important;-webkit-appearance:none}.phone-field input:focus,.phone-field input:focus-visible,.phone-field input:active,.search-bar input:focus,.search-bar input:focus-visible,.search-bar input:active,.search-bar__input:focus,.search-bar__input:focus-visible,.search-bar__input:active,.admin-search-box input:focus,.admin-search-box input:focus-visible,.admin-search-box input:active,.search-box input:focus,.search-box input:focus-visible,.search-box input:active{background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:inherit!important;caret-color:inherit!important;transition:background-color 5000000s ease-in-out 0s,color 5000000s ease-in-out 0s!important}body:not(.dark-theme) .phone-field input:-webkit-autofill,body:not(.dark-theme) .phone-field input:-webkit-autofill:hover,body:not(.dark-theme) .phone-field input:-webkit-autofill:focus,body:not(.dark-theme) .phone-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#0f172a!important}body:not(.dark-theme) .search-bar input:-webkit-autofill,body:not(.dark-theme) .search-bar input:-webkit-autofill:hover,body:not(.dark-theme) .search-bar input:-webkit-autofill:focus,body:not(.dark-theme) .search-bar input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #f4f5f7 inset!important;box-shadow:0 0 0 1000px #f4f5f7 inset!important}body:not(.dark-theme) .search-bar:focus-within input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important}body.dark-theme .phone-field input:-webkit-autofill,body.dark-theme .phone-field input:-webkit-autofill:hover,body.dark-theme .phone-field input:-webkit-autofill:focus,body.dark-theme .phone-field input:-webkit-autofill:active,body.dark-theme .search-bar input:-webkit-autofill,body.dark-theme .search-bar input:-webkit-autofill:hover,body.dark-theme .search-bar input:-webkit-autofill:focus,body.dark-theme .search-bar input:-webkit-autofill:active,body.dark-theme .admin-search-box input:-webkit-autofill,body.dark-theme .admin-search-box input:-webkit-autofill:hover,body.dark-theme .admin-search-box input:-webkit-autofill:focus,body.dark-theme .admin-search-box input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1c2541 inset!important;box-shadow:0 0 0 1000px #1c2541 inset!important;-webkit-text-fill-color:#f8fafc!important}.loading-dots{display:inline-flex;width:1.2em;margin-left:.08em;justify-content:flex-start;vertical-align:baseline}.loading-dots:after{content:"...";display:inline-block;overflow:hidden;width:0;animation:sansfile-loading-dots 1.05s steps(4,end) infinite}@keyframes sansfile-loading-dots{0%{width:0}25%{width:.35em}50%{width:.7em}75%,to{width:1.05em}}@media(prefers-reduced-motion:reduce){.loading-dots:after{animation:none;width:1.05em}}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}body{margin:0;min-height:100svh;transition:background-color .25s ease,color .25s ease}html:not(.dark-theme),body:not(.dark-theme){background-color:#fff!important;background:#fff!important}html.dark-theme,body.dark-theme{background-color:#0b132b!important;background:#0b132b!important}body:not(.dark-theme) .client-layout,body:not(.dark-theme) .client-layout__header,body:not(.dark-theme) .client-layout__body,body:not(.dark-theme) .client-layout__main-content,body:not(.dark-theme) .client-home,body:not(.dark-theme) .client-home__pinned-header,body:not(.dark-theme) .client-home__scroll-content,body:not(.dark-theme) .profile-page,body:not(.dark-theme) .my-tickets-page,body:not(.dark-theme) .my-tickets-page__content,body:not(.dark-theme) .my-orders-page,body:not(.dark-theme) .my-orders-page__content,body:not(.dark-theme) .notifications-page,body:not(.dark-theme) .notifications-page__content,body:not(.dark-theme) .shop-page,body:not(.dark-theme) .shop-page__content,body:not(.dark-theme) .shop-header,body:not(.dark-theme) .cart-page,body:not(.dark-theme) .cart-page__content,body:not(.dark-theme) .order-confirm-page,body:not(.dark-theme) .order-detail-page,body:not(.dark-theme) .product-detail-page,body:not(.dark-theme) .product-detail-page__content,body:not(.dark-theme) .salon-detail,body:not(.dark-theme) .salon-detail__content,body:not(.dark-theme) .ticket-detail,body:not(.dark-theme) .ticket-detail__content,body:not(.dark-theme) .ticket-owner,body:not(.dark-theme) .ticket-owner-page,body:not(.dark-theme) .ticket-owner-page__content,body:not(.dark-theme) .relatives-page,body:not(.dark-theme) .add-relative-page,body:not(.dark-theme) .edit-relative-page,body:not(.dark-theme) .favorites-page,body:not(.dark-theme) .favorites-page__content,body:not(.dark-theme) .coiffeur-home,body:not(.dark-theme) .coiffeur-tickets,body:not(.dark-theme) .coiffeur-photos,body:not(.dark-theme) .coiffeur-profile,body:not(.dark-theme) .coiffeur-notifications,body:not(.dark-theme) .settings-page,body:not(.dark-theme) .settings-page__content,body:not(.dark-theme) .support-page,body:not(.dark-theme) .support-page__content,body:not(.dark-theme) .admin-shell,body:not(.dark-theme) .admin-main,body:not(.dark-theme) .admin-topbar,body:not(.dark-theme) .admin-content,body:not(.dark-theme) .admin-page,body:not(.dark-theme) .admin-auth,body:not(.dark-theme) .auth-shell,body:not(.dark-theme) .auth-shell__content,body:not(.dark-theme) .login-page,body:not(.dark-theme) .otp-page,body:not(.dark-theme) .vitrine,body:not(.dark-theme) .vitrine-hero,body:not(.dark-theme) .vitrine-stats,body:not(.dark-theme) .vitrine-steps,body:not(.dark-theme) .vitrine-benefits,body:not(.dark-theme) .vitrine-faq,body:not(.dark-theme) .vitrine-phone__screen,body:not(.dark-theme) .vitrine-phone__statusbar,body:not(.dark-theme) .vitrine-phone__preview-header,body:not(.dark-theme) .mobile-app-shell{background-color:#fff!important;background:#fff!important}body.dark-theme .client-layout,body.dark-theme .client-layout__header,body.dark-theme .client-layout__body,body.dark-theme .client-layout__main-content,body.dark-theme .client-home,body.dark-theme .client-home__pinned-header,body.dark-theme .client-home__scroll-content,body.dark-theme .profile-page,body.dark-theme .my-tickets-page,body.dark-theme .my-tickets-page__content,body.dark-theme .my-orders-page,body.dark-theme .my-orders-page__content,body.dark-theme .notifications-page,body.dark-theme .notifications-page__content,body.dark-theme .shop-page,body.dark-theme .shop-page__content,body.dark-theme .shop-header,body.dark-theme .cart-page,body.dark-theme .cart-page__content,body.dark-theme .order-confirm-page,body.dark-theme .order-detail-page,body.dark-theme .product-detail-page,body.dark-theme .product-detail-page__content,body.dark-theme .salon-detail,body.dark-theme .salon-detail__content,body.dark-theme .ticket-detail,body.dark-theme .ticket-detail__content,body.dark-theme .ticket-owner,body.dark-theme .ticket-owner-page,body.dark-theme .ticket-owner-page__content,body.dark-theme .relatives-page,body.dark-theme .add-relative-page,body.dark-theme .edit-relative-page,body.dark-theme .favorites-page,body.dark-theme .favorites-page__content,body.dark-theme .coiffeur-home,body.dark-theme .coiffeur-tickets,body.dark-theme .coiffeur-photos,body.dark-theme .coiffeur-profile,body.dark-theme .coiffeur-notifications,body.dark-theme .settings-page,body.dark-theme .settings-page__content,body.dark-theme .support-page,body.dark-theme .support-page__content,body.dark-theme .mobile-app-shell{background-color:#0b132b!important;background:#0b132b!important}button,input,textarea,select,a{font-family:var(--font-family)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6,p{margin:0;font-family:var(--font-family)}.admin-form{display:flex;flex-direction:column;gap:18px;width:100%;box-sizing:border-box}.admin-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;box-sizing:border-box}@media(max-width:580px){.admin-form__row{grid-template-columns:1fr}}.admin-form__field{display:flex;flex-direction:column;gap:7px;width:100%;box-sizing:border-box}.admin-form__field label{font-size:.8125rem;font-weight:700;color:var(--text-secondary, #64748b);letter-spacing:-.01em}.admin-form__field input[type=text],.admin-form__field input[type=number],.admin-form__field input[type=tel],.admin-form__field input[type=email],.admin-form__field input[type=password],.admin-form__field select{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-page, #f8fafc);font-family:inherit;font-size:.875rem;color:var(--text-primary, #0f172a);box-sizing:border-box;transition:all .2s cubic-bezier(.16,1,.3,1)}.admin-form__field input[type=text]::placeholder,.admin-form__field input[type=number]::placeholder,.admin-form__field input[type=tel]::placeholder,.admin-form__field input[type=email]::placeholder,.admin-form__field input[type=password]::placeholder,.admin-form__field select::placeholder{color:var(--text-muted, #94a3b8)}.admin-form__field input[type=text]:focus,.admin-form__field input[type=number]:focus,.admin-form__field input[type=tel]:focus,.admin-form__field input[type=email]:focus,.admin-form__field input[type=password]:focus,.admin-form__field select:focus{outline:none;background:#fff;border-color:var(--primary, #1e5af0);box-shadow:none}.admin-form__field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-page, #f8fafc);font-family:inherit;font-size:.875rem;color:var(--text-primary, #0f172a);box-sizing:border-box;transition:all .2s cubic-bezier(.16,1,.3,1);resize:vertical}.admin-form__field textarea::placeholder{color:var(--text-muted, #94a3b8)}.admin-form__field textarea:focus{outline:none;background:#fff;border-color:var(--primary, #1e5af0);box-shadow:none}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.875rem;font-weight:700;border:none;cursor:pointer;text-decoration:none;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.admin-btn svg{width:16px;height:16px;flex-shrink:0}.admin-btn--primary{background:var(--primary, #1e5af0);color:#fff;box-shadow:0 4px 12px #1e5af040}.admin-btn--primary:hover{background:var(--primary-hover, #1746c0);transform:translateY(-1px)}.admin-btn--secondary{background:var(--bg-card, #ffffff);color:var(--text-primary, #0f172a);border:1px solid var(--border-color, #e2e8f0)}.admin-btn--secondary:hover{background:var(--bg-page, #f8fafc)}.admin-btn--sm{padding:6px 12px;font-size:.8rem;min-height:32px;border-radius:8px}.admin-btn--sm svg{width:14px;height:14px}.admin-btn--whatsapp{background:#25d366;color:#fff;border:none;box-shadow:0 4px 10px #25d36640}.admin-btn--whatsapp:hover{background:#1eb855;transform:translateY(-1px);box-shadow:0 6px 14px #25d36659}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}app-root{display:block;width:100%;max-width:100%;overflow-x:clip}.admin-shell,.admin-main,.admin-content,.admin-page{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.admin-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.admin-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:auto!important;display:block!important;-webkit-overflow-scrolling:touch!important}.admin-table-wrap::-webkit-scrollbar{height:5px}.admin-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@media(max-width:1023px){.admin-page{gap:20px!important}.admin-dashboard-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:100%!important;max-width:100%!important;min-width:0!important}.admin-grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important}.admin-settings-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;width:100%!important;max-width:100%!important;min-width:0!important}.admin-categories-grid,.admin-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:100%!important;min-width:0!important}}@media(max-width:767px){.admin-page{gap:16px!important}.admin-page__header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.admin-page__header h1{font-size:1.35rem!important;line-height:1.25!important}.admin-page__header p{font-size:.8125rem!important}.admin-page__header .admin-page__header-actions{width:100%!important}.admin-page__header .admin-page__header-actions .admin-btn,.admin-page__header .admin-btn{width:100%!important;justify-content:center!important}.admin-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.admin-toolbar .admin-search-box{max-width:100%!important;width:100%!important;min-width:0!important}.admin-toolbar .admin-filter-group,.admin-toolbar .admin-filter-select,.admin-toolbar .admin-toolbar__right,.admin-toolbar select{width:100%!important;max-width:100%!important}.admin-grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important}.admin-stat-card{padding:14px 12px!important;border-radius:14px!important;gap:8px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.admin-stat-card__value{font-size:1.15rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-stat-card__label{font-size:.72rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-stat-card__subtext{font-size:.68rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-card{padding:16px 14px!important;border-radius:16px!important;gap:14px!important}.admin-card__header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.admin-card__header .admin-btn{width:100%!important;justify-content:center!important}.admin-categories-grid,.admin-grid-cards{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important;max-width:100%!important;min-width:0!important}.admin-table{min-width:580px!important}.admin-table th,.admin-table td{padding:11px 12px!important;font-size:.8rem!important}.admin-table__actions{display:inline-flex!important;flex-wrap:nowrap!important;gap:6px!important}.admin-modal-backdrop{padding:10px!important}.admin-modal{width:100%!important;max-width:100%!important;max-height:94vh!important;max-height:94dvh!important;border-radius:18px!important}.admin-modal__header{padding:16px 18px!important}.admin-modal__header h3{font-size:1.1rem!important}.admin-modal__body{padding:16px 18px!important}.admin-modal__footer{padding:14px 18px!important;flex-direction:column-reverse!important;gap:8px!important}.admin-modal__footer .admin-btn,.admin-modal__footer .admin-modal__btn-cancel{width:100%!important;justify-content:center!important}.admin-form__row{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important}}@media(max-width:540px){.admin-grid-stats{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}.admin-page__header h1{font-size:1.25rem!important}.admin-card{padding:14px 12px!important;border-radius:14px!important}}