@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.fab-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:899;background:#0000002e;animation:.2s ease-out fabBackdropIn;position:fixed;inset:0}@keyframes fabBackdropIn{0%{opacity:0}to{opacity:1}}.fab-container{z-index:900;scrollbar-gutter:stable;flex-direction:column;align-items:flex-end;gap:0;display:flex;position:fixed;bottom:24px;right:28px}.fab-toggle{border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;width:56px;height:56px;transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);z-index:902;border:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 14px #6366f159,0 2px 6px #0000001f}.fab-toggle:hover{transform:scale(1.08);box-shadow:0 6px 20px #6366f173,0 3px 8px #00000026}.fab-toggle:active{transform:scale(.96)}.fab-toggle-icon{justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.fab-toggle.open .fab-toggle-icon{transform:rotate(45deg)}.fab-actions{flex-direction:column;order:-1;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.fab-action{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;align-items:center;gap:10px;padding:0;transition:opacity 50ms,transform 50ms;display:flex;transform:translateY(16px)scale(.85)}.fab-actions.open .fab-action{opacity:1;pointer-events:auto;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards fabActionIn;transform:translateY(0)scale(1)}.fab-actions.open .fab-action:first-child{animation-delay:0s}.fab-actions.open .fab-action:nth-child(2){animation-delay:50ms}.fab-actions.open .fab-action:nth-child(3){animation-delay:.1s}@keyframes fabActionIn{0%{opacity:0;transform:translateY(16px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}.fab-action-label{background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:var(--radius-lg);white-space:nowrap;box-shadow:var(--shadow-lg);transition:background var(--transition-fast), transform var(--transition-fast);letter-spacing:-.01em;padding:8px 14px;font-weight:500}.fab-action:hover .fab-action-label{background:var(--gray-50);transform:translate(-2px)}.fab-action-icon{border-radius:var(--radius-full);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.fab-action:hover .fab-action-icon{box-shadow:var(--shadow-lg);transform:scale(1.1)}.fab-action-icon.booking{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fab-action-icon.sale{background:linear-gradient(135deg,#10b981,#059669)}.fab-action-icon.block{background:linear-gradient(135deg,#f59e0b,#d97706)}.fab-toggle:not(.open):after{content:"";border-radius:var(--radius-full);border:2px solid var(--primary-400);opacity:0;animation:3s ease-in-out 5s infinite fabPulse;position:absolute;inset:-4px}@keyframes fabPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.12)}}@media (width<=768px){.fab-container{bottom:12px;right:20px}.fab-toggle{width:52px;height:52px}.fab-action-icon{width:40px;height:40px}.fab-action-label{font-size:var(--font-size-xs);padding:6px 12px}}.checkout-panel{width:580px}.checkout-close-external{top:var(--space-4);left:calc(-40px - var(--space-3));z-index:1002;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;animation:.2s ease-out calPopupIn;display:flex;position:absolute;box-shadow:0 4px 16px #00000026}.checkout-close-external:hover{background:var(--gray-100);color:var(--text-primary)}.checkout-header-left{align-items:center;gap:var(--space-3);display:flex}.checkout-back-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkout-back-btn:hover{background:var(--gray-100);color:var(--text-primary)}.checkout-booking-info{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg, var(--primary-50), var(--primary-100));border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.checkout-booking-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-weight:700}.checkout-booking-icon{border-radius:var(--radius-lg);background:var(--primary-500);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.checkout-booking-details{flex:1;min-width:0}.checkout-booking-name{font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary)}.checkout-booking-meta{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.checkout-search{margin-bottom:var(--space-4);position:relative}.checkout-search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.checkout-search input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none}.checkout-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.checkout-product-results{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:200px;margin-bottom:var(--space-5);overflow-y:auto}.checkout-product-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);display:flex}.checkout-product-item:last-child{border-bottom:none}.checkout-product-item:hover{background:var(--primary-50)}.checkout-product-icon{border-radius:var(--radius-md);background:var(--gray-100);width:36px;height:36px;color:var(--gray-400);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkout-product-info{flex:1;min-width:0}.checkout-product-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.checkout-product-meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.checkout-product-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:700}.checkout-section-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:700}.checkout-order-lines{gap:var(--space-1);margin-bottom:var(--space-5);flex-direction:column;display:flex}.checkout-line{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);display:flex}.checkout-line-service{border-left:3px solid var(--primary-500)}.checkout-line-product{border-left:3px solid var(--success-500)}.checkout-line-info{flex:1;min-width:0}.checkout-line-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.checkout-line-qty{font-size:var(--font-size-xs);color:var(--text-secondary)}.checkout-line-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.checkout-line-remove{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkout-line-remove:hover{color:var(--error-500);background:var(--error-50)}.checkout-totals{padding-top:var(--space-4);gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.checkout-total-row{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.checkout-total-row.grand-total{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.checkout-payment-methods{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.payment-method-btn{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);flex-direction:column;display:flex}.payment-method-btn:hover{border-color:var(--primary-300)}.payment-method-btn.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700)}.payment-method-label{font-size:var(--font-size-xs);font-weight:600}.checkout-footer{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;flex-shrink:0;display:flex}.checkout-footer-payment{border-top:1px solid var(--border-color);padding-top:var(--space-3);flex-direction:column;display:flex}.checkout-complete-btn{width:100%;padding:var(--space-4);font-size:var(--font-size-base);gap:var(--space-3);font-weight:700}@media (width<=600px){.checkout-panel{width:100vw}.checkout-payment-methods{grid-template-columns:repeat(3,1fr)}.checkout-close-external{display:none}}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);color:#fff;z-index:100;transition:width var(--transition-slow), transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-header-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.sidebar-brand{flex:1;min-width:0;overflow:hidden}.sidebar-header-actions{flex-shrink:0;align-items:center;gap:2px;margin-top:2px;display:flex}.sidebar-header-icon-btn{color:#ffffff59;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;text-decoration:none;display:flex}.sidebar-header-icon-btn:hover{color:#ffffffd9;background:#ffffff14}.sidebar-link-label{white-space:nowrap;text-overflow:ellipsis;transition:opacity var(--transition-fast);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .sidebar-header{padding:var(--space-3) var(--space-2)}.sidebar.collapsed .sidebar-header-top{justify-content:center}.sidebar.collapsed .sidebar-header-actions{flex-direction:column}.sidebar.collapsed .sidebar-link-label{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .sidebar-nav{padding:var(--space-3) var(--space-2)}.sidebar.collapsed .sidebar-link{padding:var(--space-2) var(--space-3);justify-content:center;gap:0}.sidebar.collapsed .sidebar-footer{padding:var(--space-3) var(--space-2)}.sidebar.collapsed .sidebar-user{padding:var(--space-2);justify-content:center}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-user-avatar{width:30px;height:30px;font-size:var(--font-size-xs)}.sidebar.collapsed .sidebar-popover{left:calc(var(--sidebar-collapsed-width) - 12px);width:220px;bottom:8px}.sidebar-is-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid #ffffff14}.sidebar-logo{font-size:var(--font-size-lg);color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sidebar-brand-logo{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:32px;height:32px}.sidebar-salon-name{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;overflow:hidden}.sidebar-nav{padding:var(--space-3) var(--space-3);flex-direction:column;flex:1;gap:3px;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:#ffffffa6;transition:all var(--transition-fast);cursor:pointer;padding:10px 12px;font-size:.82rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--sidebar-active-color,var(--primary-300));background:#ffffff14}.sidebar-link.active{background:var(--sidebar-active-bg,#6366f133);color:var(--sidebar-active-color,var(--primary-300))}.sidebar-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-footer{padding:var(--space-3) var(--space-4);position:relative}.sidebar-bottom-links{margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid #ffffff14;flex-direction:column;gap:2px;display:flex}.sidebar-bottom-links .sidebar-link{color:#ffffff80;border-radius:var(--radius-md);align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.78rem;display:flex}.sidebar-bottom-links .sidebar-link:hover{color:#ffffffd9;background:#ffffff0f}.sidebar-bottom-links .sidebar-link svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.sidebar-bottom-links .sidebar-link:hover svg{opacity:1}.sidebar-news-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-user{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);padding:8px;display:flex}.sidebar-user:hover{background:#ffffff14}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--sidebar-avatar-bg,linear-gradient(135deg, var(--primary-500), var(--primary-600)));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:600;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:#ffffff73;font-size:.68rem}.sidebar-popover{background:var(--bg-primary);border-radius:var(--radius-lg);z-index:200;margin-bottom:6px;animation:.15s popoverSlideUp;position:absolute;bottom:100%;left:8px;right:8px;overflow:hidden;box-shadow:0 8px 32px #0000002e,0 0 0 1px #0000000f}@keyframes popoverSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sidebar-popover-header{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:12px 14px 10px;font-size:.78rem;font-weight:700}.sidebar-popover-items{padding:6px}.sidebar-popover-item{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}.sidebar-popover-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-popover-logout:hover{color:var(--error-500)}.sidebar-popover-separator{background:var(--border-color);height:1px;margin:4px 6px}.sidebar-popover-theme-section{padding:4px 10px 8px}.sidebar-popover-theme-label{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:8px;font-size:.8rem;font-weight:500;display:flex}.sidebar-theme-swatches{gap:8px;display:flex}.sidebar-theme-swatch{border-radius:var(--radius-full);background:var(--swatch-color);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);color:#fff;border:2px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-theme-swatch:hover{transform:scale(1.12);box-shadow:0 2px 8px #0003}.sidebar-theme-swatch.active{border-color:var(--primary-400);box-shadow:0 0 0 2px #6366f14d}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow);flex:1}.page-header{padding:var(--space-2) var(--space-8);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.main-content:has(.calendar-page){height:100vh;overflow:hidden}.page-title{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-actions{align-items:center;gap:var(--space-3);display:flex}.page-body{padding:var(--space-8);overflow-x:hidden}.dash-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.dash-next-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;border:1px solid var(--primary-100);font-weight:500;display:inline-flex}.dash-next-badge strong{font-weight:700}.dash-staff-selector{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;font-weight:500}.dash-staff-selector:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.dash-staff-label{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--primary-100);font-weight:600;display:inline-flex}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.stat-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1);font-weight:500}.sidebar-overlay{display:none}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.main-content{margin-left:0}.page-header{padding:var(--space-2) var(--space-4);display:flex}.page-body{padding:var(--space-4)}.mobile-menu-btn{display:block}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.dash-header{flex-direction:column}.dash-next-badge{align-self:flex-start}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.support-bar{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.support-bar-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:inline-flex;position:relative}.support-bar-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-200)}.support-btn:hover{color:var(--primary-600);border-color:var(--primary-300);background:var(--primary-50)}.news-btn{position:relative}.news-btn:hover{color:var(--primary-600);border-color:var(--primary-300);background:var(--primary-50)}.news-badge-count{background:var(--error-500);color:#fff;border-radius:var(--radius-full);border:2px solid var(--bg-primary);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.feedback-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.feedback-modal{background:var(--bg-primary);border-radius:var(--radius-xl);z-index:1001;width:90%;max-width:520px;max-height:90vh;animation:.3s slideUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 48px #00000026,0 0 0 1px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feedback-modal-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;display:flex}.feedback-modal-header h2{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.feedback-modal-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.feedback-close-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0}.feedback-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.feedback-form{padding:var(--space-5) var(--space-6) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.feedback-categories{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.feedback-cat-btn{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex}.feedback-cat-btn:hover{border-color:var(--primary-200);background:var(--bg-secondary)}.feedback-cat-btn.active{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700);box-shadow:0 0 0 3px var(--primary-100)}.feedback-field{gap:var(--space-1);flex-direction:column;display:flex}.feedback-field label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.feedback-field input,.feedback-field textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-fast);box-sizing:border-box;width:100%;font-family:inherit}.feedback-field input:focus,.feedback-field textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.feedback-field textarea{resize:vertical;min-height:100px}.feedback-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);border:none;font-weight:600;display:inline-flex}.feedback-submit-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-600), var(--primary-700));box-shadow:0 4px 12px #7c3aed4d}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-success{padding:var(--space-10) var(--space-8);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.feedback-success-icon{color:var(--success-500);animation:.4s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.feedback-success h3{font-size:var(--font-size-lg);color:var(--text-primary);margin:0;font-weight:700}.feedback-success p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.news-page-header{max-width:720px;margin:0 auto var(--space-8)}.news-back-btn{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);margin-left:calc(-1 * var(--space-3));border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:inline-flex}.news-back-btn:hover{color:var(--primary-600);background:var(--primary-50)}.news-timeline{max-width:720px;margin:0 auto}.news-month-group{margin-bottom:var(--space-8)}.news-month-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5);padding-left:var(--space-8);font-weight:700}.news-entries{flex-direction:column;display:flex}.news-entry{gap:var(--space-4);min-height:48px;display:flex}.news-entry-dot-line{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.news-entry-dot{border-radius:var(--radius-full);border:2px solid var(--bg-primary);width:12px;height:12px;box-shadow:0 0 0 2px var(--border-color);flex-shrink:0;margin-top:6px}.news-entry-dot.news-cat-feature{background:var(--primary-500);box-shadow:0 0 0 2px var(--primary-200)}.news-entry-dot.news-cat-improvement{background:var(--success-500);box-shadow:0 0 0 2px var(--success-200)}.news-entry-dot.news-cat-fix{background:var(--warning-500);box-shadow:0 0 0 2px var(--warning-200)}.news-entry-dot.news-cat-announcement{background:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}.news-entry-line{background:var(--border-color);flex:1;width:2px;min-height:20px}.news-entry:last-child .news-entry-line{display:none}.news-entry-content{padding-bottom:var(--space-6);flex:1}.news-entry-meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.news-entry-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);letter-spacing:.01em;font-size:11px;font-weight:600;display:inline-flex}.news-entry-badge.news-cat-feature{background:var(--primary-50);color:var(--primary-700)}.news-entry-badge.news-cat-improvement{background:var(--success-50);color:var(--success-700)}.news-entry-badge.news-cat-fix{background:var(--warning-50);color:var(--warning-700)}.news-entry-badge.news-cat-announcement{color:#7c3aed;background:#7c3aed1a}.news-entry-date{font-size:var(--font-size-xs);color:var(--text-muted)}.news-entry-title{font-size:var(--font-size-base);color:var(--text-primary);margin:0 0 var(--space-1);font-weight:600}.news-entry-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}@media (width<=768px){.support-bar-btn span{display:none}.support-bar-btn{padding:var(--space-2)}.support-bar{gap:var(--space-1)}.feedback-modal{width:95%;max-height:85vh}.feedback-categories{grid-template-columns:1fr}.news-month-label{padding-left:var(--space-6)}}.pricing-hero{text-align:center;background:linear-gradient(#fff 0%,#fffaf8 15%,#fdf5f0 30%,#fbeee6 45%,#f8e6db 55%,#f5ddd0 65%,#f2d4c5 75%,#eecbb8 85%,#f0c8b5 100%);padding:160px 24px 80px;position:relative;overflow:hidden}.pricing-hero:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#c0604a0a 0%,#0000 60%),radial-gradient(at 80%,#d4764e0d 0%,#0000 60%),radial-gradient(at 50% 100%,#c88c6e0f 0%,#0000 50%);position:absolute;inset:0}.pricing-hero-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.pricing-hero-label{color:#c0604a;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:.85rem;font-weight:600;display:inline-block}.pricing-hero h1{letter-spacing:-1.5px;color:var(--gray-900);margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1}.pricing-hero-subtitle{color:var(--gray-500);max-width:540px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.pricing-cards-section{z-index:2;margin-top:-40px;padding:0 24px 80px;position:relative}.pricing-cards-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{border:1px solid var(--gray-200);border-radius:var(--radius-2xl);background:#fff;padding:36px 32px 32px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000014,0 0 0 1px #00000008}.pricing-card.popular{border-color:#c0604a4d;box-shadow:0 8px 40px #c0604a1f,0 0 0 1px #c0604a26}.pricing-card.popular:hover{box-shadow:0 24px 64px #c0604a2e,0 0 0 1px #c0604a33}.pricing-card-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.pricing-card-name{color:var(--gray-900);font-size:1.15rem;font-weight:700}.pricing-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#c0604a,#d4764e);border-radius:9999px;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.pricing-price-row{margin-bottom:8px}.pricing-price{color:var(--gray-900);letter-spacing:-1.5px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1}.pricing-price-currency{color:var(--gray-500);vertical-align:super;margin-left:2px;font-size:.5em;font-weight:600}.pricing-price-period{color:var(--gray-400);margin-bottom:4px;font-size:.95rem;font-weight:400}.pricing-price-note{color:var(--gray-400);margin-bottom:24px;font-size:.82rem;line-height:1.4}.pricing-custom{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:4px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.pricing-custom-sub{color:var(--gray-400);margin-bottom:24px;font-size:.9rem}.pricing-divider{background:var(--gray-100);height:1px;margin-bottom:24px}.pricing-card-label{color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.78rem;font-weight:700}.pricing-features{flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--gray-600);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.pricing-features li svg{color:var(--success-500);flex-shrink:0;margin-top:2px}.pricing-features li.disabled,.pricing-features li.disabled svg{color:var(--gray-300)}.pricing-cta{cursor:pointer;width:100%;transition:all var(--transition-base);font-size:.95rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:14px 24px;text-decoration:none;display:flex}.pricing-cta-primary{background:var(--gray-900);color:#fff}.pricing-cta-primary:hover{background:var(--gray-800);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.pricing-cta-popular{color:#fff;background:linear-gradient(135deg,#c0604a,#a8485a)}.pricing-cta-popular:hover{color:#fff;background:linear-gradient(135deg,#a8485a,#904040);transform:translateY(-2px);box-shadow:0 8px 24px #c0604a4d}.pricing-cta-outline{color:var(--gray-700);border:1.5px solid var(--gray-300);background:0 0}.pricing-cta-outline:hover{border-color:var(--gray-500);background:var(--gray-50);transform:translateY(-2px)}.pricing-compare-section{background:#fff;padding:80px 24px}.pricing-compare-inner{max-width:1000px;margin:0 auto}.pricing-compare-title{text-align:center;color:var(--gray-900);letter-spacing:-.5px;margin-bottom:48px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.pricing-table-wrapper{border-radius:var(--radius-xl);border:1px solid var(--gray-200);overflow-x:auto}.pricing-table{border-collapse:collapse;width:100%;min-width:640px}.pricing-table thead th{color:var(--gray-400);text-align:center;border-bottom:1px solid var(--gray-200);background:var(--gray-50);padding:24px 20px 20px;font-size:.85rem;font-weight:400}.pricing-table thead th:first-child{text-align:left;width:40%}.pricing-table thead th .pricing-th-name{color:var(--gray-900);margin-bottom:2px;font-size:1rem;font-weight:700;display:block}.pricing-table thead th .pricing-th-desc{color:var(--gray-400);font-size:.78rem;font-weight:400;display:block}.pricing-table .category-row td{color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50);border-top:1px solid var(--gray-100);padding:16px 20px 8px;font-size:.82rem;font-weight:700}.pricing-table tbody td{color:var(--gray-600);text-align:center;border-top:1px solid var(--gray-100);padding:14px 20px;font-size:.9rem}.pricing-table tbody td:first-child{text-align:left;color:var(--gray-700);font-weight:500}.pricing-check{background:var(--success-50);width:24px;height:24px;color:var(--success-500);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pricing-dash{background:var(--gray-300);vertical-align:middle;border-radius:2px;width:16px;height:2px;display:inline-block}.pricing-table-text{color:var(--gray-700);font-size:.85rem;font-weight:600}.pricing-bottom-cta{text-align:center;background:linear-gradient(#fff 0%,#fdf8f5 30%,#fbe9df 60%,#f8ddd0 100%);padding:80px 24px}.pricing-bottom-cta-inner{max-width:600px;margin:0 auto}.pricing-bottom-cta h2{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.pricing-bottom-cta p{color:var(--gray-500);margin-bottom:32px;font-size:1rem;line-height:1.6}.pricing-bottom-cta .pricing-cta{width:auto;padding:16px 36px;display:inline-flex}@media (width<=900px){.pricing-cards-grid{grid-template-columns:1fr;max-width:440px}.pricing-card.popular{order:-1}}@media (width<=768px){.pricing-hero{padding:140px 20px 60px}.pricing-cards-section{padding:0 16px 60px}.pricing-compare-section,.pricing-bottom-cta{padding:60px 16px}}.landing-header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #ffffff73;border-radius:9999px;justify-content:space-between;align-items:center;width:min(92%,1100px);padding:14px 28px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0000000f}.landing-header.scrolled{background:#ffffffe0;padding:10px 24px;top:10px;box-shadow:0 8px 32px #0000001a}.landing-logo{align-items:center;text-decoration:none;display:flex}.landing-logo-img{width:auto;height:24px;display:block}.landing-footer-brand .landing-logo-img{height:24px}.landing-header-nav{align-items:center;gap:8px;display:flex}.landing-header-link{color:var(--gray-700);transition:all var(--transition-base);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:8px 18px;font-size:.9rem;font-weight:500;text-decoration:none}.landing-header-link:hover{color:var(--gray-900);background:#0000000d}.landing-header-cta{color:#fff;background:var(--gray-900);border:1px solid var(--gray-900);cursor:pointer;transition:all var(--transition-base);border-radius:9999px;align-items:center;padding:10px 22px;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.landing-header-cta:hover{background:var(--gray-800);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.landing-menu-wrapper{position:relative}.landing-menu-btn{color:var(--gray-700);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:9999px;align-items:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:600;line-height:1.2;display:flex}.landing-menu-btn:hover{border-color:var(--gray-400);background:#00000008}.landing-popover{border:1px solid var(--gray-100);z-index:1100;background:#fff;border-radius:16px;min-width:220px;padding:8px;animation:.18s ease-out popoverFadeIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 48px #0000001f,0 4px 12px #0000000d}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.landing-popover-section{flex-direction:column;padding:4px 0;display:flex}.landing-popover-label{color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;font-size:.75rem;font-weight:700}.landing-popover-section a{color:var(--gray-600);border-radius:10px;padding:8px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.landing-popover-section a:hover{color:var(--gray-900);background:var(--gray-50)}.landing-popover-divider{background:var(--gray-100);height:1px;margin:4px 8px}.landing-popover-business{color:var(--gray-900)!important;font-weight:600!important}.landing-hero{text-align:center;background:linear-gradient(#fff 0%,#faf8ff 15%,#f3eeff 30%,#ece5ff 45%,#e8dfff 55%,#e4dafc 65%,#e0d4f8 75%,#dccef5 85%,#f0d6f0 100%);padding:200px 24px 120px;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 100% at 0 60%,#be96ff2e 0%,#0000 70%),radial-gradient(60% 100% at 100% 60%,#f0a0d22e 0%,#0000 70%),radial-gradient(80% 50% at 50% 100%,#c8a0f01a 0%,#0000 60%);position:absolute;inset:0}.landing-hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.landing-hero h1{letter-spacing:-1.5px;color:var(--gray-900);margin-bottom:24px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.landing-hero-subtitle{color:var(--gray-600);max-width:600px;margin:0 auto 52px;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6}.landing-search-bar-wrapper{max-width:820px;transition:box-shadow var(--transition-base);background:linear-gradient(90deg,#b48cff66,#d2b4ff33 30%,#e6c8f026 50%,#f0b4dc40 70%,#f0a0c866);border-radius:9999px;margin:0 auto 48px;padding:1.5px;box-shadow:0 4px 24px #0000000d}.landing-search-bar-wrapper:hover{box-shadow:0 8px 32px #00000014}.landing-search-bar{background:#fff;border-radius:9999px;align-items:center;gap:0;padding:8px;display:flex}.landing-search-field{cursor:pointer;min-width:0;color:var(--gray-700);white-space:nowrap;background:0 0;border:none;border-radius:9999px;flex:1;align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;transition:background .2s;display:flex}.landing-search-field:hover{background:var(--gray-50)}.landing-search-field svg{width:18px;height:18px;color:var(--gray-400);flex-shrink:0}.landing-search-divider{background:var(--gray-200);flex-shrink:0;width:1px;height:28px}.landing-search-btn{background:var(--gray-900);color:#fff;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:12px 28px;font-size:.925rem;font-weight:600;display:flex}.landing-search-btn:hover{background:var(--gray-800)}.landing-hero-counter{color:var(--gray-600);justify-content:center;align-items:center;gap:8px;margin-bottom:0;font-size:1.05rem;display:flex}.landing-hero-counter strong{color:var(--gray-900);font-weight:700}.landing-section{max-width:1200px;margin:0 auto;padding:64px 24px}.landing-section-white{background:#fff}.landing-section-gray{background:var(--gray-50)}.landing-section-title{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:28px;font-size:clamp(1.4rem,3vw,1.75rem);font-weight:700}.landing-scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.landing-scroll-row::-webkit-scrollbar{display:none}.landing-scroll-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.landing-scroll-arrow{border:1px solid var(--gray-200);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);color:var(--gray-600);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.landing-scroll-arrow:hover{border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.landing-venue-card{scroll-snap-align:start;border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;background:#fff;flex:0 0 280px;overflow:hidden}.landing-venue-card:hover{box-shadow:0 4px 20px #00000014}.landing-venue-img{object-fit:cover;width:100%;height:200px}.landing-venue-info{padding:14px 4px}.landing-venue-name{color:var(--gray-900);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:600;overflow:hidden}.landing-venue-rating{color:var(--gray-600);align-items:center;gap:4px;margin-bottom:2px;font-size:.85rem;display:flex}.landing-venue-rating .star{color:#facc15}.landing-venue-rating .count{color:var(--gray-400)}.landing-venue-address{color:var(--gray-400);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.landing-venue-category{color:var(--gray-400);font-size:.82rem}.landing-reviews{max-width:1200px;margin:0 auto;padding:64px 24px}.landing-reviews-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.landing-reviews-grid::-webkit-scrollbar{display:none}.landing-review-card{scroll-snap-align:start;border-radius:var(--radius-xl);border:1px solid var(--gray-100);transition:all var(--transition-base);background:#fff;flex:0 0 260px;padding:24px}.landing-review-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200)}.landing-review-stars{gap:2px;margin-bottom:14px;display:flex}.landing-review-stars svg{fill:#facc15;color:#facc15;width:18px;height:18px}.landing-review-title{color:var(--gray-900);margin-bottom:8px;font-size:1rem;font-weight:700}.landing-review-text{color:var(--gray-500);margin-bottom:20px;font-size:.875rem;line-height:1.5}.landing-review-author{align-items:center;gap:10px;display:flex}.landing-review-avatar{background:linear-gradient(135deg, var(--gray-200), var(--gray-300));width:36px;height:36px;color:var(--gray-600);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.landing-review-author-name{color:var(--gray-900);font-size:.875rem;font-weight:600}.landing-review-author-location{color:var(--gray-400);font-size:.8rem}.landing-stats{text-align:center;background:#fff;padding:80px 24px}.landing-stats-inner{max-width:900px;margin:0 auto}.landing-stats h2{color:var(--gray-900);margin-bottom:8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.landing-stats-subtitle{color:var(--gray-500);margin-bottom:48px;font-size:1rem}.landing-stats-big{letter-spacing:-2px;background:linear-gradient(135deg,#ec4899,#f472b6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(3rem,8vw,5rem);font-weight:800}.landing-stats-big-label{color:var(--gray-500);margin-bottom:48px;font-size:1rem}.landing-stats-grid{flex-wrap:wrap;justify-content:center;gap:64px;display:flex}.landing-stat-item{text-align:center}.landing-stat-number{color:var(--gray-900);letter-spacing:-1px;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.landing-stat-label{color:var(--gray-500);margin-top:4px;font-size:.9rem}.landing-business{background:var(--gray-50);padding:80px 24px}.landing-business-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:1100px;margin:0 auto;display:grid}.landing-business-text h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}.landing-business-text p{color:var(--gray-500);margin-bottom:24px;font-size:1.05rem;line-height:1.6}.landing-business-rating{align-items:center;gap:8px;margin-bottom:28px;display:flex}.landing-business-rating-badge{color:var(--gray-900);font-size:1rem;font-weight:700}.landing-business-rating .stars{gap:2px;display:flex}.landing-business-rating .stars svg{fill:#facc15;color:#facc15;width:18px;height:18px}.landing-business-rating-text{color:var(--gray-500);font-size:.85rem}.landing-business-cta{background:var(--gray-900);color:#fff;cursor:pointer;transition:all var(--transition-base);border:none;border-radius:9999px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-business-cta:hover{background:var(--gray-800);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.landing-business-visual{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.landing-business-visual img{width:100%;height:auto;display:block}.landing-footer{color:var(--gray-600);background:#fdf8f5;border-top:1px solid #0000000f;padding:48px 24px 32px}.landing-footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto;display:grid}.landing-footer-brand .landing-logo{margin-bottom:12px;display:inline-block}.landing-footer-desc{color:var(--gray-500);max-width:280px;font-size:.875rem;line-height:1.6}.landing-footer-col h4{color:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:.85rem;font-weight:600}.landing-footer-col ul{padding:0;list-style:none}.landing-footer-col li{margin-bottom:10px}.landing-footer-col a{color:var(--gray-500);transition:color var(--transition-fast);font-size:.875rem;text-decoration:none}.landing-footer-col a:hover{color:var(--gray-900)}.landing-footer-badges{flex-direction:column;gap:8px;display:flex}.landing-footer-badge-clean{color:#111;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;align-items:center;gap:9px;padding:9px 14px 9px 11px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.landing-footer-badge-clean:hover{border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.landing-footer-badge-clean svg{flex-shrink:0}.landing-footer-badge-clean-text{flex-direction:column;line-height:1.15;display:flex}.landing-footer-badge-clean-small{letter-spacing:.015em;color:#6b7280;font-size:.55rem;font-weight:400}.landing-footer-badge-clean-big{letter-spacing:-.01em;color:#111;font-size:.85rem;font-weight:600}.landing-footer-bottom{max-width:1100px;color:var(--gray-400);border-top:1px solid #00000014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:40px auto 0;padding-top:24px;font-size:.8rem;display:flex}.landing-footer-bottom-left{align-items:center;gap:6px;display:flex}.landing-footer-bottom-center{align-items:center;display:flex}.landing-footer-bottom-dot{color:var(--gray-300)}.landing-footer-bottom-legal{align-items:center;gap:6px;display:flex}.landing-footer-bottom-legal a{color:var(--gray-400);transition:color var(--transition-fast);font-size:.8rem;text-decoration:none}.landing-footer-bottom-legal a:hover{color:var(--gray-700)}.landing-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.landing-mobile-overlay.open{opacity:1;display:block}.landing-mobile-menu{z-index:2001;background:#fff;width:280px;height:100%;padding:24px;transition:right .3s cubic-bezier(.22,1,.36,1);position:fixed;top:0;right:-300px;box-shadow:-8px 0 32px #0000001a}.landing-mobile-menu.open{right:0}.landing-mobile-menu-close{background:var(--gray-100);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:24px;margin-left:auto;display:flex}.landing-mobile-menu nav{flex-direction:column;gap:8px;display:flex}.landing-mobile-menu nav a{color:var(--gray-700);border-radius:var(--radius-lg);transition:background var(--transition-fast);padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none}.landing-mobile-menu nav a:hover{background:var(--gray-50);color:var(--gray-900)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.landing-fade-in{opacity:0;transition:all .7s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.landing-fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.landing-header{width:94%;padding:10px 16px}.landing-header.scrolled{padding:8px 14px}.landing-header-nav .landing-header-link,.landing-header-nav .landing-header-cta{display:none}.landing-hero{padding:160px 16px 80px}.landing-search-bar-wrapper{border-radius:var(--radius-2xl)}.landing-search-bar{border-radius:var(--radius-2xl);flex-direction:column;gap:0;padding:12px}.landing-search-field{border-bottom:1px solid var(--gray-100);width:100%;padding:12px}.landing-search-divider{display:none}.landing-search-btn{border-radius:var(--radius-xl);width:100%;margin-top:8px;padding:14px}.landing-section{padding:40px 16px}.landing-venue-card{flex:0 0 240px}.landing-reviews{padding:40px 16px}.landing-review-card{flex:0 0 240px}.landing-stats{padding:48px 16px}.landing-stats-grid{gap:32px}.landing-business-inner{grid-template-columns:1fr;gap:32px}.landing-business-visual{order:-1}.landing-footer-inner{grid-template-columns:1fr 1fr;gap:24px}.landing-footer-bottom{text-align:center;flex-direction:column;gap:8px}.landing-footer-bottom-left{flex-direction:column;gap:4px}.landing-footer-bottom-left .landing-footer-bottom-dot{display:none}}@media (width<=480px){.landing-footer-inner{grid-template-columns:1fr}.landing-stats-grid{gap:24px}}.landing-section-full{padding:64px 0}.landing-section-full .landing-section-title,.landing-section-full .landing-scroll-header{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 24px}.landing-section-full .landing-scroll-row{padding-left:max(24px,50vw - 576px);padding-right:24px}.legal-page{max-width:760px;margin:0 auto;padding:160px 24px 80px}.legal-page h1{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:8px;font-size:2rem;font-weight:700}.legal-last-updated{color:var(--gray-400);margin-bottom:40px;font-size:.875rem}.legal-page h2{color:var(--gray-900);margin-top:40px;margin-bottom:12px;font-size:1.25rem;font-weight:600}.legal-page h3{color:var(--gray-800);margin-top:28px;margin-bottom:8px;font-size:1.05rem;font-weight:600}.legal-page p{color:var(--gray-600);margin-bottom:16px;font-size:.95rem;line-height:1.75}.legal-page ul,.legal-page ol{margin-bottom:16px;padding-left:24px}.legal-page li{color:var(--gray-600);margin-bottom:6px;font-size:.95rem;line-height:1.75}.legal-page a{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.legal-page a:hover{color:#1d4ed8}.legal-page strong{color:var(--gray-800);font-weight:600}.legal-contact-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:12px;margin-top:40px;padding:24px}.legal-contact-box h3{margin-top:0;font-size:1rem}.legal-contact-box p{margin-bottom:4px}@media (width<=640px){.legal-page{padding:140px 20px 60px}.legal-page h1{font-size:1.6rem}}.contact-hero{text-align:center;background:linear-gradient(#fdf8f5cc 0%,#fff 100%);padding:160px 24px 60px}.contact-hero-label{letter-spacing:1.5px;text-transform:uppercase;color:#c0604a;margin-bottom:16px;font-size:.8rem;font-weight:600;display:inline-block}.contact-hero h1{color:var(--gray-900);letter-spacing:-.5px;margin-bottom:12px;font-size:2.4rem;font-weight:700}.contact-hero-subtitle{color:var(--gray-500);max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.6}.contact-content{max-width:720px;margin:0 auto;padding:0 24px 80px}.contact-info-row{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.contact-info-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:16px;padding:24px;transition:border-color .2s,box-shadow .2s}.contact-info-card:hover{border-color:var(--gray-200);box-shadow:0 2px 12px #0000000a}.contact-info-icon{color:#fff;background:#c0604a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:inline-flex}.contact-info-card h3{color:var(--gray-900);margin-bottom:4px;font-size:.95rem;font-weight:600}.contact-info-card p{color:var(--gray-500);margin:0 0 6px;font-size:.85rem;line-height:1.55}.contact-info-card a{color:#c0604a;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.contact-info-card a:hover{color:#a04832;text-underline-offset:2px;text-decoration:underline}.contact-form-card{border:1px solid var(--gray-150,var(--gray-100));background:#fff;border-radius:16px;padding:36px;box-shadow:0 1px 4px #0000000a,0 4px 24px #00000008}.contact-form-card h2{color:var(--gray-900);margin-bottom:4px;font-size:1.25rem;font-weight:600}.contact-form-card .contact-form-subtitle{color:var(--gray-400);margin-bottom:28px;font-size:.9rem}.contact-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{flex-direction:column;margin-bottom:18px;display:flex}.contact-field label{color:var(--gray-700);margin-bottom:6px;font-size:.82rem;font-weight:500}.contact-field input,.contact-field select,.contact-field textarea{border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-900);border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--gray-400)}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{background:#fff;border-color:#c0604a;box-shadow:0 0 0 3px #c0604a14}.contact-field textarea{resize:vertical;min-height:120px}.contact-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.47 5.97a.75.75 0 011.06 0L8 8.44l2.47-2.47a.75.75 0 111.06 1.06l-3 3a.75.75 0 01-1.06 0l-3-3a.75.75 0 010-1.06z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.contact-submit{color:#fff;background:var(--gray-900);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:4px;padding:12px 28px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.contact-submit:hover{background:var(--gray-800)}.contact-submit:active{transform:scale(.98)}.contact-success{text-align:center;padding:48px 24px}.contact-success-icon{color:#c0604a;background:#c0604a14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:inline-flex}.contact-success h2{color:var(--gray-900);margin-bottom:8px;font-size:1.3rem;font-weight:600}.contact-success p{color:var(--gray-500);max-width:380px;margin:0 auto;font-size:.95rem;line-height:1.6}@media (width<=768px){.contact-hero{padding:140px 20px 40px}.contact-hero h1{font-size:1.8rem}.contact-info-row{grid-template-columns:1fr;gap:16px}.contact-form-row{grid-template-columns:1fr}.contact-form-card{padding:24px}}@media (width<=480px){.contact-hero h1{font-size:1.5rem}.contact-hero-subtitle{font-size:.95rem}.contact-content{padding:0 16px 60px}}.sl-hero{text-align:center;background:linear-gradient(#ffffffeb 0%,#fff8f3e0 20%,#fcede2b3 40%,#f8dccf8c 60%,#f5d2c366 80%,#f0c8b933 100%);padding:180px 24px 80px;position:relative;overflow:hidden}.sl-hero:before{content:"";z-index:0;background:url(/images/salon-landing/hero.png) 50%/cover no-repeat;position:absolute;inset:0}.sl-hero:after{content:"";z-index:1;background:linear-gradient(#fffffff0 0%,#fff8f3eb 30%,#fcede2e0 60%,#f8e0d2eb 100%);position:absolute;inset:0}.sl-hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.sl-hero-badge{color:#c06030;letter-spacing:.5px;text-transform:uppercase;background:#dc78501a;border:1px solid #dc785033;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.sl-hero h1{letter-spacing:-1.8px;color:var(--gray-900);margin-bottom:20px;font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:800;line-height:1.06}.sl-hero h1 .sl-highlight{background:linear-gradient(135deg,#d4764e,#c0604a,#b8506a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:12px;display:block}.sl-hero-subtitle{color:var(--gray-800);text-shadow:0 1px 8px #fff9;max-width:580px;margin:0 auto 44px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.sl-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.sl-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c0604a,#a8485a);border:none;border-radius:9999px;align-items:center;gap:8px;padding:16px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 4px 20px #c0604a40}.sl-cta-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 32px #c0604a59}.sl-cta-secondary{-webkit-backdrop-filter:blur(12px);color:var(--gray-800);cursor:pointer;background:#ffffffa6;border:1.5px solid #c8a08c59;border-radius:9999px;align-items:center;gap:8px;padding:16px 36px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex}.sl-cta-secondary:hover{color:var(--gray-900);background:#ffffffe6;border-color:#c8a08c99;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.sl-social-proof{background:#fff;border-bottom:1px solid #0000000a;padding:48px 24px}.sl-social-proof-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:flex}.sl-proof-stat{text-align:center}.sl-proof-stat-number{color:var(--gray-900);letter-spacing:-.5px;font-size:2rem;font-weight:800}.sl-proof-stat-label{color:var(--gray-500);margin-top:4px;font-size:.85rem}.sl-proof-divider{background:var(--gray-200);width:1px;height:44px}.sl-try-demo{background:#fff;padding:100px 24px}.sl-try-demo-inner{text-align:center;max-width:900px;margin:0 auto}.sl-try-demo-inner h2{color:var(--gray-900);letter-spacing:-1.2px;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800;line-height:1.12}.sl-try-demo-subtitle{color:var(--gray-500);max-width:560px;margin:0 auto 48px;font-size:1.05rem;line-height:1.65}.sl-try-demo-cards{text-align:left;grid-template-columns:1fr 1fr;gap:24px;display:grid}.sl-try-card{background:#fdf8f5;border:1px solid #0000000d;border-radius:20px;padding:36px 32px;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1);display:block}.sl-try-card:hover{border-color:#c0604a26;transform:translateY(-4px);box-shadow:0 20px 48px #00000014}.sl-try-card-dark{background:var(--gray-900)}.sl-try-card-dark h3,.sl-try-card-dark p{color:#fff}.sl-try-card-dark p{color:var(--gray-400)}.sl-try-card-dark .sl-try-card-icon{color:#f0a58a;background:#ffffff1a}.sl-try-card-dark:hover{border-color:#f0a58a4d}.sl-try-card-icon{color:#c0604a;background:linear-gradient(135deg,#fde8dc,#fce0d2);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:inline-flex}.sl-try-card h3{color:var(--gray-900);margin-bottom:8px;font-size:1.25rem;font-weight:700}.sl-try-card p{color:var(--gray-500);margin-bottom:16px;font-size:.93rem;line-height:1.6}.sl-try-card-link{color:#c0604a;font-size:.9rem;font-weight:600;transition:color .2s}.sl-try-card:hover .sl-try-card-link{color:#a04832}.sl-try-card-dark .sl-try-card-link{color:#f0a58a}.sl-try-card-dark:hover .sl-try-card-link{color:#ffc8b0}.sl-origin{background:linear-gradient(#fff 0%,#fdf8f5 100%);padding:100px 24px}.sl-origin-inner{text-align:center;max-width:800px;margin:0 auto}.sl-origin-inner h2{color:var(--gray-900);letter-spacing:-1.2px;margin-bottom:24px;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800;line-height:1.12}.sl-origin-inner h2 .sl-highlight{background:linear-gradient(135deg,#d4764e,#c0604a,#b8506a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sl-origin-text{color:var(--gray-600);margin-bottom:20px;font-size:1.08rem;line-height:1.75}.sl-origin-text:last-of-type{margin-bottom:0}.sl-origin-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.sl-origin-badge{color:var(--gray-700);background:#fff;border:1px solid #0000000f;border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #0000000a}.sl-origin-badge svg{color:#c0604a}.sl-features{background:#fff;padding:100px 24px}.sl-features-header{text-align:center;max-width:620px;margin:0 auto 80px}.sl-section-label{color:#c0604a;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;font-size:.8rem;font-weight:700;display:inline-block}.sl-features-header h2{color:var(--gray-900);letter-spacing:-1.5px;margin-bottom:18px;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.08}.sl-features-header p{color:var(--gray-500);font-size:1.05rem;line-height:1.65}.sl-feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:1100px;margin:0 auto;padding:60px 0;display:grid}.sl-feature-row.reversed{direction:rtl}.sl-feature-row.reversed>*{direction:ltr}.sl-feature-text{padding:12px 0}.sl-feature-icon{border-radius:var(--radius-xl);color:#c0604a;background:linear-gradient(135deg,#fde8dc,#fce0d2);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:inline-flex}.sl-feature-text h3{color:var(--gray-900);letter-spacing:-.75px;margin-bottom:14px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15}.sl-feature-text p{color:var(--gray-500);margin-bottom:22px;font-size:1rem;line-height:1.65}.sl-feature-bullets{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sl-feature-bullets li{color:var(--gray-600);align-items:flex-start;gap:10px;font-size:.93rem;line-height:1.5;display:flex}.sl-feature-bullets li svg{color:#c0604a;flex-shrink:0;margin-top:3px}.sl-feature-visual{aspect-ratio:4/3;border-radius:20px;transition:all .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 24px 64px #00000014,0 0 0 1px #00000008}.sl-feature-visual:hover{transform:translateY(-6px);box-shadow:0 32px 80px #0000001f,0 0 0 1px #0000000a}.sl-feature-visual img{object-fit:cover;width:100%;height:100%;display:block}.sl-carousel-section{background:linear-gradient(#fdf8f5 0%,#fff 100%);padding:100px 24px}.sl-carousel-header{text-align:center;max-width:620px;margin:0 auto 56px}.sl-carousel-header h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:14px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.sl-carousel-header p{color:var(--gray-500);font-size:1.05rem;line-height:1.6}.sl-carousel-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;max-width:1100px;margin:0 auto;padding:8px 0 24px;display:flex;overflow-x:auto}.sl-carousel-track::-webkit-scrollbar{display:none}.sl-carousel-card{scroll-snap-align:start;cursor:default;background:#fff;border:1px solid #0000000d;border-radius:20px;flex:0 0 280px;padding:32px 24px;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 24px #0000000a}.sl-carousel-card:hover{border-color:#c0604a1f;transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.sl-carousel-card-icon{color:#c0604a;background:linear-gradient(135deg,#fde8dc,#fce0d2);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:inline-flex}.sl-carousel-card h4{color:var(--gray-900);margin-bottom:10px;font-size:1.1rem;font-weight:700}.sl-carousel-card p{color:var(--gray-500);font-size:.9rem;line-height:1.55}.sl-support{background:#fff;padding:100px 24px}.sl-support-inner{grid-template-columns:1fr 1fr;align-items:center;gap:72px;max-width:1100px;margin:0 auto;display:grid}.sl-support-text h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:18px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.sl-support-text>p{color:var(--gray-500);margin-bottom:36px;font-size:1.05rem;line-height:1.65}.sl-timeline{flex-direction:column;gap:0;padding-left:32px;display:flex;position:relative}.sl-timeline:before{content:"";background:linear-gradient(#c0604a,#e8a890);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:11px}.sl-timeline-item{padding:14px 0 14px 24px;position:relative}.sl-timeline-item:before{content:"";background:#c0604a;border:3px solid #fde8dc;border-radius:50%;width:12px;height:12px;position:absolute;top:20px;left:-24px;box-shadow:0 0 0 2px #c0604a}.sl-timeline-time{color:#c0604a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.82rem;font-weight:700}.sl-timeline-desc{color:var(--gray-600);font-size:.95rem;line-height:1.5}.sl-support-visual{border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #00000014}.sl-support-visual img{width:100%;height:auto;display:block}.sl-pricing{text-align:center;background:linear-gradient(#fdf8f5 0%,#faf5f2 100%);padding:100px 24px}.sl-pricing-inner{max-width:900px;margin:0 auto}.sl-pricing h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:14px;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800}.sl-pricing>.sl-pricing-inner>p{color:var(--gray-500);margin-bottom:56px;font-size:1.05rem;line-height:1.6}.sl-price-big{letter-spacing:-3px;background:linear-gradient(135deg,#c0604a,#d4764e,#e8946a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:clamp(3.5rem,9vw,6rem);font-weight:900;line-height:1}.sl-price-big-label{color:var(--gray-500);margin-bottom:56px;font-size:1.1rem}.sl-comparison-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:0 auto;display:grid}.sl-comparison-card{border:1px solid var(--gray-100);background:#fff;border-radius:20px;padding:32px 24px;transition:all .3s}.sl-comparison-card.highlighted{border-color:#c0604a40;position:relative;box-shadow:0 12px 40px #c0604a1a}.sl-comparison-card.highlighted:before{content:"Mest populær";color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#c0604a,#d4764e);border-radius:9999px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.sl-comparison-card-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600}.sl-comparison-card-price{color:var(--gray-900);margin-bottom:4px;font-size:1.75rem;font-weight:800}.sl-comparison-card-price .sl-old-price{color:var(--gray-400);font-size:1.1rem;font-weight:500;text-decoration:line-through}.sl-comparison-card-detail{color:var(--gray-400);font-size:.85rem}.sl-pricing-note{color:var(--gray-500);max-width:600px;margin-top:48px;margin-left:auto;margin-right:auto;font-size:.92rem;line-height:1.6}.sl-testimonials{background:#fff;padding:100px 24px}.sl-testimonials-inner{text-align:center;max-width:1100px;margin:0 auto}.sl-testimonials-inner h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:56px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.sl-testimonials-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;text-align:left;gap:24px;padding:8px 0 24px;display:flex;overflow-x:auto}.sl-testimonials-grid::-webkit-scrollbar{display:none}.sl-testimonial-card{scroll-snap-align:start;background:#fdf8f5;border:1px solid #0000000a;border-radius:20px;flex:0 0 340px;padding:32px 28px;transition:all .35s cubic-bezier(.22,1,.36,1)}.sl-testimonial-card:hover{border-color:#c0604a1f;transform:translateY(-4px);box-shadow:0 16px 48px #0000000f}.sl-testimonial-stars{gap:2px;margin-bottom:16px;display:flex}.sl-testimonial-stars svg{fill:#facc15;color:#facc15}.sl-testimonial-quote{color:var(--gray-600);margin-bottom:24px;font-size:.95rem;font-style:italic;line-height:1.65}.sl-testimonial-author{align-items:center;gap:12px;display:flex}.sl-testimonial-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.sl-testimonial-avatar-initials{color:#fff;background:linear-gradient(135deg,#c0604a,#d4764e);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex}.sl-testimonial-name{color:var(--gray-900);font-size:.92rem;font-weight:700}.sl-testimonial-role{color:var(--gray-400);margin-top:2px;font-size:.8rem}.sl-bottom-cta{text-align:center;background:linear-gradient(#fff 0%,#fdf8f5 30%,#fbe9df 60%,#f8ddd0 100%);padding:100px 24px}.sl-bottom-cta-inner{max-width:640px;margin:0 auto}.sl-bottom-cta h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:800;line-height:1.1}.sl-bottom-cta p{color:var(--gray-500);margin-bottom:40px;font-size:1.05rem;line-height:1.65}.sl-fade-in{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.sl-fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=600px){.sl-try-demo-cards{grid-template-columns:1fr}.sl-try-demo{padding:64px 16px}}@media (width<=900px){.sl-feature-row{grid-template-columns:1fr;gap:24px;padding:36px 0}.sl-feature-row.reversed{direction:ltr}.sl-feature-visual{order:-1}.sl-support-inner{grid-template-columns:1fr;gap:32px}.sl-support-visual{order:-1}.sl-comparison-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}.sl-testimonial-card{flex:0 0 300px}}@media (width<=768px){.sl-hero{padding:140px 16px 48px}.sl-features{padding:40px 16px}.sl-features-header{margin-bottom:24px}.sl-carousel-section{padding:40px 0}.sl-carousel-header{margin-bottom:28px;padding:0 16px}.sl-carousel-track{padding-left:16px;padding-right:16px}.sl-support,.sl-pricing,.sl-testimonials,.sl-bottom-cta,.sl-origin,.sl-try-demo{padding:40px 16px}.sl-social-proof{padding:28px 16px}.sl-social-proof-inner{gap:24px}.sl-proof-divider{display:none}}@media (width<=480px){.sl-hero-actions{flex-direction:column;width:100%}.sl-cta-primary,.sl-cta-secondary{justify-content:center;width:100%}.sl-carousel-card{flex:0 0 260px}}.about-hero{text-align:center;background:linear-gradient(#fff 0%,#fdf8f5 40%,#fbe9df 100%);padding:180px 24px 80px;position:relative}.about-hero-content{max-width:720px;margin:0 auto}.about-hero h1{letter-spacing:-1.8px;color:var(--gray-900);margin-bottom:24px;font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:800;line-height:1.08}.about-hero-subtitle{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:clamp(1rem,2vw,1.15rem);line-height:1.75}.about-section{background:#fff;padding:80px 24px}.about-section-warm{background:linear-gradient(#fdf8f5 0%,#faf5f2 100%)}.about-section-inner{max-width:720px;margin:0 auto}.about-section-icon{color:#c0604a;background:linear-gradient(135deg,#fde8dc,#fce0d2);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:inline-flex}.about-section h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:20px;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;line-height:1.15}.about-section p{color:var(--gray-600);margin-bottom:18px;font-size:1.05rem;line-height:1.75}.about-section p:last-child{margin-bottom:0}.about-values{background:#fff;padding:100px 24px}.about-values-inner{text-align:center;max-width:1100px;margin:0 auto}.about-values-inner h2{color:var(--gray-900);letter-spacing:-1px;margin-bottom:56px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.about-values-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.about-value-card{background:#fdf8f5;border:1px solid #0000000a;border-radius:20px;padding:32px 24px;transition:all .35s cubic-bezier(.22,1,.36,1)}.about-value-card:hover{border-color:#c0604a1f;transform:translateY(-4px);box-shadow:0 16px 48px #0000000f}.about-value-icon{color:#c0604a;background:linear-gradient(135deg,#fde8dc,#fce0d2);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:inline-flex}.about-value-card h3{color:var(--gray-900);margin-bottom:8px;font-size:1.1rem;font-weight:700}.about-value-card p{color:var(--gray-500);font-size:.9rem;line-height:1.55}@media (width<=900px){.about-values-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.about-values-grid{grid-template-columns:1fr;max-width:360px;margin:0 auto}.about-hero{padding:160px 16px 64px}.about-section{padding:56px 16px}}.spub-page{color:#1a1a2e;background:#fafafa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.spub-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.spub-header-logo img{height:28px;display:block}.spub-header-cta{color:#fff;background:#1a1a2e;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.spub-header-cta:hover{background:#2d2d4a;transform:translateY(-1px)}.spub-loading,.spub-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:70vh;padding:2rem;display:flex}.spub-spinner{border:3px solid #eee;border-top-color:#1a1a2e;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spub-spin}@keyframes spub-spin{to{transform:rotate(360deg)}}.spub-error h1{margin:0;font-size:1.5rem}.spub-error p{color:#64748b;max-width:400px;line-height:1.6}.spub-error svg{color:#cbd5e1}.spub-error-link{color:#fff;background:#1a1a2e;border-radius:999px;margin-top:.5rem;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none}.spub-hero{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#2d2d4a 100%);padding:3rem 1.5rem 3.5rem}.spub-hero-inner{max-width:800px;margin:0 auto}.spub-salon-identity{align-items:center;gap:1.25rem;margin-bottom:1.25rem;display:flex}.spub-salon-logo{object-fit:cover;background:#ffffff1a;border:2px solid #ffffff26;border-radius:16px;width:72px;height:72px}.spub-salon-logo-placeholder{color:#fffc;background:#ffffff1f;border:2px solid #ffffff26;border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.75rem;font-weight:700;display:flex}.spub-salon-name{margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.spub-salon-location{color:#ffffffb3;align-items:center;gap:.3rem;margin:.3rem 0 0;font-size:.9rem;display:flex}.spub-salon-desc{color:#fffc;max-width:600px;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.spub-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.spub-cta-primary{color:#1a1a2e;cursor:pointer;background:#fff;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.spub-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.spub-cta-secondary{color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.spub-cta-secondary:hover{background:#fff3}.spub-info-section{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.spub-info-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=640px){.spub-info-grid{grid-template-columns:1fr}}.spub-info-card{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000008}.spub-info-card h3{color:#1a1a2e;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;display:flex}.spub-hours-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.spub-hours-list li{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.875rem;display:flex}.spub-hours-list li:last-child{border-bottom:none}.spub-hours-today{color:#1a1a2e;font-weight:600}.spub-hours-day{color:#374151;align-items:center;gap:.5rem;display:flex}.spub-today-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#1a1a2e;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.spub-hours-time{color:#64748b;font-variant-numeric:tabular-nums}.spub-contact-list{flex-direction:column;gap:.75rem;display:flex}.spub-contact-item{color:#374151;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background .15s;display:flex}.spub-contact-item:hover{background:#f8f9fa}.spub-contact-item svg{color:#64748b;flex-shrink:0}.spub-locations-section{background:#fff;padding:2rem 1.5rem}.spub-section-inner{max-width:900px;margin:0 auto}.spub-section-inner h2{align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;display:flex}.spub-locations-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.spub-location-card{color:inherit;background:#fafafa;border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex}.spub-location-card:hover{border-color:#1a1a2e;transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.spub-location-card h3{margin:0;font-size:1rem;font-weight:600}.spub-location-addr{color:#64748b;align-items:center;gap:.3rem;margin:0;font-size:.85rem;display:flex}.spub-location-cta{color:#1a1a2e;align-items:center;gap:.25rem;margin-top:auto;font-size:.8rem;font-weight:600;display:flex}.spub-services-section{background:#fff;border-top:1px solid #0000000a;padding:2rem 1.5rem}.spub-services-grid{flex-direction:column;gap:.5rem;display:flex}.spub-service-card{background:#fafafa;border:1px solid #0000000a;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:border-color .15s;display:flex}.spub-service-card:hover{border-color:#0000001a}.spub-service-info{flex:1;min-width:0}.spub-service-info h4{color:#1a1a2e;margin:0 0 .15rem;font-size:.925rem;font-weight:600}.spub-service-info p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:400px;margin:0 0 .3rem;font-size:.8rem;overflow:hidden}.spub-service-duration{color:#94a3b8;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.spub-service-price{color:#1a1a2e;white-space:nowrap;padding-left:1rem;font-size:.95rem;font-weight:700}.spub-services-more{text-align:center;color:#64748b;margin:.75rem 0 0;font-size:.85rem}.spub-team-section{border-top:1px solid #0000000a;padding:2rem 1.5rem}.spub-team-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.spub-team-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:14px;flex-direction:column;align-items:center;padding:1.25rem 1rem;display:flex}.spub-team-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px;margin-bottom:.75rem}.spub-team-avatar-placeholder{color:#475569;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.spub-team-card h4{margin:0 0 .15rem;font-size:.875rem;font-weight:600}.spub-team-card p{color:#64748b;margin:0;font-size:.75rem}.spub-bottom-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#2d2d4a 100%);padding:3rem 1.5rem}.spub-bottom-cta-inner{max-width:500px;margin:0 auto}.spub-bottom-cta h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.spub-bottom-cta p{color:#ffffffbf;margin:0 0 1.5rem;font-size:1rem}.spub-bottom-cta .spub-cta-primary{margin:0 auto}.spub-footer{text-align:center;background:#fafafa;border-top:1px solid #0000000f;padding:1.5rem}.spub-footer-inner{color:#94a3b8;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.spub-footer-logo{opacity:.6;height:18px;transition:opacity .2s}.spub-footer-logo:hover{opacity:1}.press-hero{text-align:center;max-width:800px;margin:0 auto;padding:120px 24px 32px}.press-hero h1{color:#1a1a1a;letter-spacing:-.02em;margin:0 0 16px;font-size:2.6rem;font-weight:800;line-height:1.15}.press-hero-subtitle{color:#666;max-width:520px;margin:0 auto 32px;font-size:1.1rem;line-height:1.65}.press-download-full{color:#fff;cursor:pointer;background:#232b36;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.press-download-full:hover{background:#3a4350;transform:translateY(-2px);box-shadow:0 8px 24px #232b3640}.press-content{max-width:980px;margin:0 auto;padding:0 24px 80px}.press-guidelines{background:#fafaf9;border:1px solid #e8e5e1;border-radius:16px;margin-bottom:56px;padding:36px 40px}.press-guidelines h2{color:#1a1a1a;align-items:center;gap:10px;margin:0 0 18px;font-size:1.2rem;font-weight:700;display:flex}.press-guidelines ul{margin:0;padding:0;list-style:none}.press-guidelines li{color:#555;border-left:2px solid #0000;padding:3px 0 3px 8px;font-size:.95rem;line-height:1.7;transition:border-color .2s}.press-guidelines li:hover{border-left-color:#c0604a}.press-guidelines .press-contact-link{color:#1a1a1a;text-underline-offset:3px;font-weight:500;text-decoration:underline}.press-section-title{color:#1a1a1a;margin:0 0 10px;font-size:1.35rem;font-weight:700}.press-section-sub{color:#888;margin:0 0 24px;font-size:.92rem}.press-asset-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px;display:grid}.press-asset-card{background:#fff;border:1px solid #e8e5e1;border-radius:14px;flex-direction:column;transition:box-shadow .3s,transform .2s;display:flex;overflow:hidden}.press-asset-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.press-asset-preview{justify-content:center;align-items:center;height:120px;padding:24px;display:flex}.press-asset-preview.bg-white{background:#fff}.press-asset-preview.bg-dark,.press-asset-preview.bg-brand-dark{background:#232b36}.press-asset-preview.bg-brand-light{background:#f5f0eb}.press-asset-preview img{object-fit:contain;max-width:75%;max-height:70%}.press-asset-preview.icon-preview{height:110px;padding:20px}.press-asset-preview.icon-preview img{max-width:52px;max-height:52px}.press-asset-info{justify-content:space-between;align-items:flex-start;padding:14px 16px 6px;display:flex}.press-asset-info h4{color:#1a1a1a;margin:0 0 2px;font-size:.88rem;font-weight:650}.press-asset-info p{color:#888;margin:0;font-size:.78rem}.press-asset-badge{color:#8a7e72;letter-spacing:.04em;text-transform:uppercase;background:#f0ede9;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-block}.press-asset-download{color:#fff;cursor:pointer;background:#232b36;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);margin:auto 16px 16px;padding:10px 0;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.press-asset-download:hover{background:#3a4350}.press-colors-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:56px;display:grid}.press-color-card{border:1px solid #e8e5e1;border-radius:14px;transition:box-shadow .3s,transform .2s;overflow:hidden}.press-color-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.press-color-swatch{width:100%;height:90px}.press-color-info{background:#fff;padding:14px 16px}.press-color-info h4{color:#1a1a1a;margin:0 0 4px;font-size:.88rem;font-weight:650}.press-color-hex{color:#888;align-items:center;gap:8px;margin:0;font-family:SF Mono,Fira Code,monospace;font-size:.82rem;display:flex}.press-color-copy{cursor:pointer;color:#aaa;background:0 0;border:none;padding:2px;transition:color .2s;display:inline-flex}.press-color-copy:hover{color:#1a1a1a}.press-boilerplate{background:#fafaf9;border:1px solid #e8e5e1;border-radius:16px;margin-bottom:56px;padding:36px 40px;position:relative}.press-boilerplate h2{color:#1a1a1a;align-items:center;gap:10px;margin:0 0 16px;font-size:1.2rem;font-weight:700;display:flex}.press-boilerplate p{color:#555;margin:0 0 12px;font-size:.95rem;line-height:1.75}.press-boilerplate p:last-of-type{margin-bottom:0}.press-copy-boilerplate{color:#555;cursor:pointer;background:#fff;border:1px solid #e0ddd9;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:24px;right:24px}.press-copy-boilerplate:hover{color:#1a1a1a;background:#f5f0eb}.press-copy-boilerplate.copied{color:#2e7d32;background:#e8f5e9;border-color:#c8e6c9}.press-contact{background:linear-gradient(135deg,#232b36 0%,#3a4350 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:40px;display:flex}.press-contact-text h2{color:#fff;margin:0 0 8px;font-size:1.3rem;font-weight:700}.press-contact-text p{color:#ffffffb3;margin:0;font-size:.95rem;line-height:1.6}.press-contact-actions{flex-shrink:0;gap:12px;display:flex}.press-contact-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.press-contact-btn.primary{color:#232b36;background:#fff}.press-contact-btn.primary:hover{background:#f5f0eb;transform:translateY(-1px)}.press-contact-btn.secondary{color:#fff;background:#ffffff1f;border:1px solid #fff3}.press-contact-btn.secondary:hover{background:#fff3;transform:translateY(-1px)}.press-divider{border:none;border-top:1px solid #e8e5e1;margin:0 0 40px}@media (width<=900px){.press-asset-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.press-hero{padding:100px 20px 24px}.press-hero h1{font-size:2rem}.press-content{padding:0 16px 56px}.press-guidelines,.press-boilerplate{padding:24px}.press-asset-grid{grid-template-columns:1fr 1fr;gap:14px}.press-contact{text-align:center;flex-direction:column;padding:28px 24px}.press-contact-actions{flex-direction:column;width:100%}.press-contact-btn{justify-content:center;width:100%}.press-copy-boilerplate{margin-top:16px;position:static}}@media (width<=500px){.press-asset-grid{grid-template-columns:1fr}.press-colors-grid{grid-template-columns:1fr 1fr}}.login-page{min-height:100vh;display:flex;position:relative}.login-page--main{background:#fff;align-items:stretch;padding:0}.login-split{width:100%;min-height:100vh;display:flex}.login-split-left{padding:var(--space-6) var(--space-6);z-index:1;background:#fff;flex-direction:column;flex:0 0 55%;display:flex;position:relative}.login-split-top{padding:var(--space-2) 0;flex-shrink:0;width:100%;max-width:400px;margin:0 auto}.login-split-content{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:400px;margin:0 auto;animation:.5s ease-out loginFadeIn;display:flex}.login-split-footer{padding:var(--space-3) 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex}.login-legal-link{color:var(--text-muted,#9ca3af);font-size:.75rem;text-decoration:none;transition:color .15s}.login-legal-link:hover{color:var(--text-secondary,#6b7280)}.login-legal-dot{color:var(--text-muted,#d1d5db);font-size:.75rem}.login-split-right{flex:0 0 45%;position:relative;overflow:hidden}.login-hero-img{object-fit:cover;width:100%;height:100%;display:block}.login-hero-overlay{pointer-events:none;background:linear-gradient(#1a1a2e0d 0%,#1a1a2e1a 50%,#1a1a2ea6 100%);position:absolute;inset:0}.login-hero-news{z-index:2;flex-direction:column;gap:10px;padding:24px 28px 28px;display:flex;position:absolute;bottom:0;left:0;right:0}.login-hero-news-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:2px;font-size:.75rem;font-weight:600;display:flex}.login-hero-news-item{-webkit-backdrop-filter:blur(16px);background:#00000073;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:4px;padding:12px 16px;transition:background .2s;display:flex}.login-hero-news-item:hover{background:#0000008c}.login-hero-news-item-header{align-items:center;gap:8px;display:flex}.login-hero-news-badge{color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:.6rem;font-weight:600}.login-hero-news-date{color:#ffffff80;font-size:.7rem}.login-hero-news-title{color:#fff;font-size:.82rem;font-weight:600;line-height:1.3}.login-hero-news-desc{color:#ffffffa6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.login-logo-inline{width:auto;height:24px;display:block}.login-split-heading{color:var(--text-primary,#111);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.login-split-subtitle{color:var(--text-secondary,#6b7280);font-size:var(--font-size-sm,.875rem);margin-top:var(--space-1,4px);margin-bottom:var(--space-6,24px)}.login-page--branded{padding:var(--space-4);background:#f8f9fb;justify-content:center;align-items:center}.login-container{width:100%;max-width:420px;animation:.5s ease-out loginFadeIn}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-bookee-brand{margin-bottom:var(--space-6)}.login-bookee-logo{filter:brightness(0)invert();width:auto;height:40px;margin:0 auto;display:block}.login-powered-logo{vertical-align:middle;opacity:.7;width:auto;height:16px;display:inline-block}.login-bookee-tagline{color:#ffffff8c;font-size:var(--font-size-sm);margin-top:var(--space-2)}.login-salon-brand{text-align:center;margin-bottom:var(--space-6)}.login-salon-logo-img{object-fit:cover;width:80px;height:80px;margin:0 auto var(--space-3);border:3px solid #fff;border-radius:50%;display:block;box-shadow:0 4px 16px #00000014}.login-salon-logo-initial{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);color:#fff;width:80px;height:80px;margin:0 auto var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;box-shadow:0 4px 16px #00000014}.login-salon-name{font-size:var(--font-size-xl);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.login-card{padding:var(--space-8);background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f}.login-card h2{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:700}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--space-1);margin-bottom:var(--space-5)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-field{gap:var(--space-1);flex-direction:column;display:flex}.login-field label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.login-field input{width:100%;font-size:var(--font-size-sm);font-family:var(--font-family);border:1px solid var(--border-color,#e2e5ea);background:var(--bg-secondary,#f8f9fb);color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-field input:focus{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px #6366f11a}.login-field input::placeholder{color:var(--text-tertiary,#b0b5be)}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:44px}.login-password-toggle{cursor:pointer;color:var(--text-tertiary,#b0b5be);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--text-secondary)}.login-btn{width:100%;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-1);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:none;border-radius:10px;padding:13px 24px;transition:all .2s;display:flex}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f0f1e 0%,#0f1a30 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed}.login-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-links{text-align:center;margin-top:var(--space-4)}.login-link{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--primary-600);text-decoration:underline}.login-divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-color,#e2e5ea);flex:1;height:1px}.login-divider span{font-size:var(--font-size-xs);color:var(--text-tertiary,#b0b5be);text-transform:uppercase;letter-spacing:.05em}.login-signup-cta{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:center;align-items:baseline;gap:var(--space-1);display:flex}.login-link-primary{color:var(--primary-600);font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;transition:color .2s}.login-link-primary:hover{color:var(--primary-700);text-decoration:underline}.login-app-badges-section{text-align:center;margin-top:40px;animation:.6s ease-out .2s both loginFadeIn}.login-app-badges{justify-content:center;align-items:center;gap:12px;display:flex}.login-app-badge-clean{color:#111;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;align-items:center;gap:10px;padding:10px 18px 10px 14px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.login-app-badge-clean:hover{border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.login-app-badge-clean svg{flex-shrink:0}.login-app-badge-clean-text{flex-direction:column;line-height:1.15;display:flex}.login-app-badge-clean-small{letter-spacing:.015em;color:#6b7280;font-size:.6rem;font-weight:400}.login-app-badge-clean-big{letter-spacing:-.01em;color:#111;font-size:.95rem;font-weight:600}.login-powered-by{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--text-tertiary,#b0b5be);justify-content:center;align-items:center;gap:5px;animation:.8s ease-out .3s both loginFadeIn;display:flex}.login-powered-by strong{color:var(--text-secondary);font-weight:600}.login-branded-loader{justify-content:center;align-items:center;min-height:300px;display:flex}.login-spinner{border:3px solid var(--border-color,#e2e5ea);border-top-color:var(--primary-500);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite loginSpin}.login-error{background:var(--error-50,#fef2f2);color:var(--error-600,#dc2626);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-1);border:1px solid var(--error-100,#fee2e2);border-radius:10px}.login-error-state{text-align:center;padding:var(--space-8) var(--space-4)}.login-error-state h2{margin-bottom:var(--space-2)}.login-error-state p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.login-error-state .btn{text-decoration:none;display:inline-flex}.login-success{color:#059669;padding:var(--space-3,12px) var(--space-4,16px);font-size:var(--font-size-sm,.875rem);text-align:center;margin-bottom:var(--space-3,12px);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px}.login-code-input{text-align:center;letter-spacing:8px;font-variant-numeric:tabular-nums;font-weight:600;font-size:1.5rem!important}.login-reset-success{text-align:center;padding:var(--space-6,24px) 0}.login-success-icon{margin-bottom:var(--space-4,16px)}.login-reset-success .login-split-heading{margin-top:var(--space-3,12px)}.login-reset-success .login-split-subtitle{margin-bottom:var(--space-6,24px)}@media (width<=768px){.login-split{flex-direction:column}.login-split-left{padding:var(--space-4) var(--space-5);flex:1}.login-split-right{display:none}.login-split-top{text-align:center}.login-split-footer{padding:var(--space-4) 0}}@media (width<=480px){.login-page--branded{padding:var(--space-4) var(--space-3);align-items:flex-start;padding-top:15vh}.login-card{padding:var(--space-6);border-radius:14px}.login-bookee-brand{margin-bottom:var(--space-6)}.login-logo-inline{height:20px}.login-salon-logo-img,.login-salon-logo-initial{width:64px;height:64px;font-size:1.5rem}.login-salon-name{font-size:var(--font-size-lg)}.login-split-heading{font-size:1.5rem}}.onboarding-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}.onboarding-progress-bar{padding:0 var(--space-6);z-index:10;background:0 0;gap:4px;height:4px;display:flex;position:sticky;top:0}.onboarding-progress-segment{background:var(--gray-200);height:4px;transition:background var(--transition-base);border-radius:2px;flex:1;overflow:hidden}.onboarding-progress-segment.completed,.onboarding-progress-segment.active{background:var(--primary-600)}.onboarding-nav{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;min-height:64px;display:flex}.onboarding-back-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);color:var(--text-primary);background:#fff;justify-content:center;align-items:center;display:flex}.onboarding-back-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.onboarding-nav-actions{align-items:center;gap:var(--space-3);display:flex}.onboarding-close-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:#fff}.onboarding-close-btn:hover{background:var(--gray-50)}.onboarding-continue-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:var(--gray-900);color:#fff;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);cursor:pointer;align-items:center;gap:var(--space-2);transition:all var(--transition-fast);border:none;display:flex}.onboarding-continue-btn:hover{background:var(--gray-800)}.onboarding-continue-btn:disabled{opacity:.4;cursor:not-allowed}.onboarding-continue-btn:active:not(:disabled){transform:scale(.97)}.onboarding-content{padding:var(--space-6) var(--space-6);padding-top:var(--space-8);flex:1;justify-content:center;display:flex}.onboarding-step{width:100%;max-width:540px;animation:.35s ease-out fadeIn}.onboarding-category{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:500}.onboarding-heading{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--space-3);font-size:2rem;font-weight:700;line-height:1.2}.onboarding-subheading{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.5}.onboarding-field{margin-bottom:var(--space-6)}.onboarding-label{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600;display:block}.onboarding-input{width:100%;padding:var(--space-4) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#fff;outline:none}.onboarding-input:hover{border-color:var(--gray-300)}.onboarding-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.onboarding-input::placeholder{color:var(--text-muted)}.onboarding-input-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2)}.onboarding-card-options{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.onboarding-card-option{padding:var(--space-5);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);gap:var(--space-3);flex-direction:column;display:flex}.onboarding-card-option:hover{border-color:var(--gray-300)}.onboarding-card-option.selected{border-color:var(--primary-600);box-shadow:0 0 0 1px var(--primary-600)}.onboarding-card-option-icon{width:28px;height:28px;color:var(--text-primary)}.onboarding-card-option-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.onboarding-list-options{gap:var(--space-3);flex-direction:column;display:flex}.onboarding-list-option{padding:var(--space-4) var(--space-5);border:1.5px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;font-family:var(--font-family);text-align:left;transition:all var(--transition-fast);background:#fff}.onboarding-list-option:hover{border-color:var(--gray-300);background:var(--gray-50)}.onboarding-list-option.selected{border-color:var(--primary-600);box-shadow:0 0 0 1px var(--primary-600)}.onboarding-input-with-icon{position:relative}.onboarding-input-with-icon .onboarding-input{padding-left:44px}.onboarding-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.onboarding-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.onboarding-success{text-align:center;padding:var(--space-12) 0;animation:.5s ease-out scaleIn}.onboarding-success-icon{border-radius:var(--radius-full);background:var(--success-50);width:80px;height:80px;color:var(--success-500);margin:0 auto var(--space-6);justify-content:center;align-items:center;display:flex}.onboarding-success h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);font-weight:700}.onboarding-success p{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px;margin:0 auto}@media (width<=480px){.onboarding-heading{font-size:1.6rem}.onboarding-card-options,.onboarding-row{grid-template-columns:1fr}.onboarding-content{padding:var(--space-4);padding-top:var(--space-6)}}.onboarding-skip-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:#fff}.onboarding-skip-btn:hover{background:var(--gray-50);color:var(--text-primary)}.onboarding-confirmation{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#16a34a;border-radius:var(--radius-full);font-size:var(--font-size-sm);background:#f0fdf4;font-weight:500;animation:.35s ease-out fadeIn;display:inline-flex}.onboarding-input-wrapper{position:relative}.onboarding-input-check{color:#16a34a;pointer-events:none;justify-content:center;align-items:center;animation:.35s ease-out fadeIn;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.onboarding-url-preview{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.onboarding-url-preview strong{color:var(--text-primary)}.onboarding-copy-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.onboarding-copy-btn:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--text-primary)}.onboarding-trial-badge{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:#7c3aed;margin-top:var(--space-2);background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;font-weight:500;display:flex}.products-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.products-header-left h1{margin:0}.products-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.products-search{flex:1;min-width:200px;max-width:360px;position:relative}.products-search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.products-search input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;font-family:var(--font-family);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.products-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.category-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.category-chip{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family)}.category-chip:hover{border-color:var(--primary-300);color:var(--primary-600)}.category-chip.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.view-toggle{background:var(--gray-100);border-radius:var(--radius-lg);gap:2px;margin-left:auto;padding:3px;display:flex}.view-toggle-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-toggle-btn:hover{color:var(--text-secondary);background:var(--bg-primary)}.view-toggle-btn.active{background:var(--bg-primary);color:var(--primary-600);box-shadow:var(--shadow-sm)}.products-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.products-list-header{gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--gray-50);border-bottom:1px solid var(--border-color);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:56px minmax(160px,1.5fr) minmax(100px,1fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(110px,.9fr) minmax(120px,1.2fr) 70px;align-items:center;font-weight:600;display:grid}.products-list-row{gap:var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast);grid-template-columns:56px minmax(160px,1.5fr) minmax(100px,1fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(110px,.9fr) minmax(120px,1.2fr) 70px;align-items:center;display:grid}.products-list-row:last-child{border-bottom:none}.products-list-row:hover{background:var(--gray-50)}.product-list-inactive{opacity:.5}.list-product-thumb{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--gray-100), var(--gray-50));width:44px;height:44px;color:var(--gray-300);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.list-product-thumb img{object-fit:cover;width:100%;height:100%}.list-col-name{flex-direction:column;gap:2px;min-width:0;display:flex}.list-product-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.list-product-brand{font-size:var(--font-size-xs);color:var(--text-secondary)}.list-category-badge{font-size:var(--font-size-xs);color:var(--primary-600);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.list-product-price{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:700}.list-product-brand-text,.list-cost-price{font-size:var(--font-size-sm);color:var(--text-secondary)}.list-upsell-badge{font-size:var(--font-size-xs);color:var(--primary-600);background:var(--primary-50);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;max-width:100%;padding:2px 8px;font-weight:500;display:inline-flex;overflow:hidden}.text-muted{color:var(--text-muted);font-size:var(--font-size-sm)}.list-col-actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);justify-content:flex-end;display:flex}.products-list-row:hover .list-col-actions{opacity:1}.products-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200);transform:translateY(-2px)}.product-card-image{background:linear-gradient(135deg, var(--gray-100), var(--gray-50));width:100%;height:160px;color:var(--gray-300);justify-content:center;align-items:center;font-size:48px;display:flex;position:relative}.product-card-image img{object-fit:cover;width:100%;height:100%}.product-card-badge{top:var(--space-3);right:var(--space-3);position:absolute}.product-card-body{padding:var(--space-5)}.product-card-category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-600);margin-bottom:var(--space-2);font-weight:600}.product-card-name{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700;line-height:1.3}.product-card-brand{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-3)}.product-card-footer{justify-content:space-between;align-items:center;display:flex}.product-card-price{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.product-card-stock{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:500;display:flex}.stock-ok{color:var(--success-600)}.stock-low{color:var(--warning-600)}.stock-out{color:var(--error-600)}.product-card-inactive{opacity:.5}.product-card-inactive:after{content:"Inaktiv";top:var(--space-3);left:var(--space-3);background:var(--gray-600);color:#fff;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;position:absolute}.product-card-actions{gap:var(--space-2);top:var(--space-3);right:var(--space-3);opacity:0;transition:opacity var(--transition-fast);display:flex;position:absolute}.product-card:hover .product-card-actions{opacity:1}.product-card-actions .btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#fffffff2}.products-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}@media (width<=768px){.products-grid{grid-template-columns:1fr}.products-filters{flex-direction:column;align-items:stretch}.products-search{max-width:none}.products-stats{grid-template-columns:repeat(2,1fr)}.view-toggle{align-self:flex-end}.products-list-header{display:none}.products-list-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);grid-template-columns:44px 1fr auto}.list-col-brand,.list-col-category,.list-col-stock,.list-col-cost,.list-col-upsell{display:none}.list-col-actions{opacity:1}}.upsell-type-options{gap:var(--space-2);flex-direction:column;display:flex}.upsell-type-option{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary);display:flex}.upsell-type-option:hover{border-color:var(--primary-300)}.upsell-type-option.active{border-color:var(--primary-500);background:var(--primary-50)}.upsell-type-option input[type=radio]{accent-color:var(--primary-600);margin-top:3px}.upsell-type-option div{flex-direction:column;display:flex}.upsell-type-option strong{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:700}.upsell-type-option span{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:1px}.calendar-page{height:calc(100vh - var(--header-height) - 1px);background:var(--bg-primary);flex-direction:column;display:flex;overflow:hidden}.calendar-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;flex-shrink:0;display:flex}.calendar-toolbar-row{padding:0 var(--space-6);align-items:center;display:flex}.calendar-toolbar-single{padding-top:var(--space-3);padding-bottom:var(--space-3);justify-content:space-between;gap:var(--space-4)}.calendar-toolbar-left{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.calendar-toolbar-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex;position:relative}.calendar-nav-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:0;height:36px;padding:2px;display:flex}.calendar-settings-wrap{position:relative}.calendar-settings-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;display:flex}.calendar-settings-btn:hover,.calendar-settings-btn.active{background:var(--gray-50);color:var(--text-primary);border-color:var(--gray-300)}.calendar-settings-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:999;min-width:260px;padding:var(--space-3);animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014}.calendar-settings-row{padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.calendar-settings-row-info{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:500;display:flex}.calendar-settings-row-info svg{color:var(--text-muted);flex-shrink:0}.calendar-settings-divider{background:var(--border-color);height:1px;margin:var(--space-2) 0}.calendar-toggle-switch{background:var(--gray-200);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.calendar-toggle-switch.active{background:var(--primary-500)}.calendar-toggle-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.calendar-toggle-switch.active .calendar-toggle-switch-knob{transform:translate(18px)}.calendar-settings-zoom{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--gray-50);align-items:center;gap:2px;padding:2px;display:flex}.calendar-settings-zoom-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.calendar-settings-zoom-btn:hover:not(:disabled){background:var(--gray-200);color:var(--text-primary)}.calendar-settings-zoom-btn:disabled{opacity:.35;cursor:default}.calendar-settings-zoom-label{color:var(--text-secondary);text-align:center;-webkit-user-select:none;user-select:none;min-width:36px;font-size:11px;font-weight:600}.calendar-view-dropdown-wrap{position:relative}.calendar-goto-today{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border:none;border-right:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);white-space:nowrap;background:0 0;line-height:1}.calendar-goto-today:hover:not(:disabled){color:var(--primary-600)}.calendar-goto-today:disabled,.calendar-goto-today.disabled{color:var(--text-muted);cursor:default;opacity:.5}.calendar-nav-btn{border-radius:var(--radius-full);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.calendar-nav-btn:hover{background:var(--gray-200);color:var(--text-primary)}.calendar-date-display{font-size:var(--font-size-sm);color:var(--text-primary);text-transform:capitalize;cursor:pointer;border-radius:var(--radius-full);font-weight:500;font-family:var(--font-family);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.calendar-date-display:hover{background:var(--gray-100)}.calendar-date-display.active{background:var(--gray-100);color:var(--primary-600)}.calendar-date-chevron{flex-shrink:0;transition:transform .2s}.calendar-date-chevron.rotated{transform:rotate(180deg)}.calendar-date-picker-wrap{position:relative}.calendar-date-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:1000;width:300px;padding:var(--space-4);animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 16px 48px #00000024,0 6px 16px #00000014}.cdp-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.cdp-month-label{font-size:var(--font-size-base);color:var(--text-primary);text-transform:capitalize;font-weight:700}.cdp-nav-btn{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.cdp-nav-btn:hover{background:var(--gray-100);color:var(--text-primary)}.cdp-weekdays{margin-bottom:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.cdp-weekday{color:var(--text-muted);text-align:center;padding:var(--space-1) 0;text-transform:capitalize;font-size:11px;font-weight:600}.cdp-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cdp-day{aspect-ratio:1;width:100%;font-size:var(--font-size-sm);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.cdp-day:hover{background:var(--gray-100)}.cdp-day--outside{color:var(--text-muted);opacity:.4}.cdp-day--today{background:var(--gray-100);font-weight:700;position:relative}.cdp-day--today:after{content:"";background:var(--primary-500);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cdp-day--selected{font-weight:700;background:var(--primary-500)!important;color:#fff!important}.cdp-day--selected:after{display:none}.cdp-footer{padding-top:var(--space-3);border-top:1px solid var(--border-color);margin-top:var(--space-3);justify-content:center;display:flex}.cdp-today-link{font-size:var(--font-size-sm);color:var(--primary-600);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);background:0 0;border:none}.cdp-today-link:hover{background:var(--primary-50)}.calendar-staff-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:20;flex-shrink:0;display:flex;position:sticky;top:0}.calendar-time-gutter-header{border-right:1px solid var(--border-color);flex-shrink:0;width:56px;min-width:56px}.calendar-staff-columns-header{flex:1;display:flex;overflow:hidden}.calendar-staff-col-header{min-width:160px;padding:var(--space-2) var(--space-2);border-right:1px solid var(--border-color);justify-content:center;align-items:center;gap:var(--space-2);flex-direction:row;flex:1;display:flex}.calendar-staff-col-header:last-child{border-right:none}.calendar-staff-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;box-shadow:0 1px 4px #6366f133}.calendar-staff-avatar-img{object-fit:cover;border:2px solid var(--primary-100)}.calendar-staff-name{font-size:var(--font-size-xs);color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-weight:600;overflow:hidden}.calendar-body{-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.calendar-grid{min-height:100%;display:flex;position:relative}.calendar-time-gutter{border-right:1px solid var(--border-color);flex-shrink:0;width:56px;min-width:56px;position:relative}.calendar-time-label{right:var(--space-2);color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500;line-height:1;position:absolute;transform:translateY(-50%)}.calendar-columns{flex:1;display:flex;position:relative}.calendar-column{border-right:1px solid var(--border-color);flex:1;min-width:160px;position:relative}.calendar-column:last-child{border-right:none}.calendar-hour-line{background:var(--border-color);z-index:1;pointer-events:none;height:1px;position:absolute;left:0;right:0}.calendar-half-hour-line{background:var(--gray-100);z-index:1;pointer-events:none;height:1px;position:absolute;left:0;right:0}.calendar-booking{border-radius:var(--radius-md);cursor:grab;z-index:5;-webkit-user-select:none;user-select:none;border:2px solid #0000;flex-direction:column;justify-content:center;min-height:20px;padding:2px 8px;transition:box-shadow .15s,transform .1s;display:flex;position:absolute;left:4px;right:4px;overflow:hidden}.calendar-booking--inactive{opacity:.45;border-style:dashed}.calendar-booking:hover{z-index:10;box-shadow:0 4px 16px #00000026}.calendar-booking.dragging{cursor:grabbing;z-index:100;opacity:.9;border-color:var(--primary-400);transform:scale(1.02);box-shadow:0 8px 32px #0003}.calendar-booking-header{align-items:center;gap:6px;min-height:16px;line-height:1.3;display:flex}.calendar-booking-time{white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.calendar-booking-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.calendar-booking-service{white-space:nowrap;text-overflow:ellipsis;opacity:.75;margin-top:1px;font-size:10px;font-weight:500;line-height:1.3;overflow:hidden}.calendar-booking-refund-badge{letter-spacing:.03em;text-transform:uppercase;color:#c53030;white-space:nowrap;background:#e53e3e2e;border-radius:3px;align-items:center;gap:2px;margin-top:2px;padding:1px 5px;font-size:8px;font-weight:700;line-height:1.4;display:inline-flex}.calendar-booking-meta{opacity:.9;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.calendar-booking--grouped{border-left:3px solid var(--group-accent,#6366f1)}.calendar-booking--group-first{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:1px}.calendar-booking--group-middle{border-radius:0;margin-top:0;margin-bottom:1px}.calendar-booking--group-last{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.calendar-booking--overlapping{border-radius:var(--radius-md);border:2px dashed #00000026}.calendar-booking--overlapping:hover{border-color:#00000040}.calendar-booking-resize{cursor:s-resize;z-index:6;border-radius:0 0 4px 4px;justify-content:center;align-items:center;width:32px;height:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.calendar-booking-resize:after{content:"";opacity:0;border-top:1px solid #00000040;border-bottom:1px solid #00000040;width:16px;height:3px;transition:opacity .15s}.calendar-booking:hover .calendar-booking-resize:after{opacity:1;border-top-color:#0006;border-bottom-color:#0006}.calendar-now-line{background:var(--error-500);z-index:15;pointer-events:none;height:2px;position:absolute;left:0;right:0}.calendar-now-line:before{content:"";border-radius:var(--radius-full);background:var(--error-500);width:10px;height:10px;position:absolute;top:-4px;left:-4px}.calendar-now-label{text-align:right;width:52px;color:var(--error-500);z-index:16;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:-8px;left:-56px}.calendar-closed-overlay{z-index:2;pointer-events:none;background:#00000006;border-bottom:1px dashed #00000014;position:absolute;left:0;right:0}.calendar-closed-label{text-align:center;color:var(--text-muted);opacity:.5;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;padding-top:8px;font-size:10px;font-weight:600;display:block;position:sticky;top:8px}.calendar-dayoff-overlay{z-index:2;pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 10px 11px);position:absolute;top:0;left:0;right:0}.calendar-dayoff-label{text-align:center;color:var(--text-muted);opacity:.45;text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);background:#ffffffb3;width:fit-content;margin:0 auto;padding:6px 12px;font-size:11px;font-weight:600;display:block;position:sticky;top:40%}.calendar-click-highlight{border:1.5px solid #6366f166;border-left:3px solid var(--primary-500);border-radius:var(--radius-md);z-index:8;pointer-events:none;padding-left:var(--space-3);background:#6366f11f;align-items:center;animation:.2s ease-out calClickPulse;display:flex;position:absolute;left:2px;right:2px}.calendar-click-highlight .calendar-hover-time{color:var(--primary-600);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em;font-size:11px;font-weight:700}@keyframes calClickPulse{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.calendar-hover-preview{border:1.5px solid #6366f159;border-left:3px solid var(--primary-500);border-radius:var(--radius-md);z-index:3;pointer-events:none;padding-left:var(--space-3);background:#6366f114;align-items:center;transition:top 50ms ease-out;display:flex;position:absolute;left:2px;right:2px}.calendar-hover-time{color:var(--primary-600);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em;font-size:11px;font-weight:700}.calendar-popup-overlay{z-index:998;position:fixed;inset:0}.calendar-popup{z-index:999;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);min-width:220px;animation:.15s ease-out calPopupIn;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014}@keyframes calPopupIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.calendar-popup-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--gray-50);justify-content:space-between;align-items:center;display:flex}.calendar-popup-time{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.calendar-popup-close{cursor:pointer;width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.calendar-popup-close:hover{background:var(--gray-200);color:var(--text-primary)}.calendar-popup-actions{padding:var(--space-2)}.calendar-popup-action{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;display:flex}.calendar-popup-action:hover{background:var(--gray-50)}.calendar-popup-action svg{color:var(--text-muted);flex-shrink:0}.booking-detail-popup{z-index:999;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);min-width:280px;max-width:360px;animation:.15s ease-out calPopupIn;position:fixed;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014}.booking-detail-header{padding:var(--space-3) var(--space-4);color:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;justify-content:space-between;align-items:center;display:flex}.booking-detail-time-range{font-size:var(--font-size-sm);font-weight:600}.booking-detail-status{font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:capitalize;background:#fff3;padding:2px 8px;font-weight:600}.booking-detail-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.booking-detail-row{align-items:center;gap:var(--space-3);display:flex}.booking-detail-row svg{color:var(--text-muted);flex-shrink:0}.booking-detail-label{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2}.booking-detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;line-height:1.3}.booking-tooltip{z-index:900;background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);pointer-events:none;width:280px;animation:.15s ease-out tooltipFadeIn;position:fixed;overflow:hidden;box-shadow:0 12px 40px #00000024,0 4px 12px #00000014}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.booking-tooltip-header{color:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.booking-tooltip-time{font-size:var(--font-size-sm);letter-spacing:.01em;font-weight:700}.booking-tooltip-status{border-radius:var(--radius-full);text-transform:capitalize;background:#ffffff38;padding:2px 10px;font-size:11px;font-weight:600}.booking-tooltip-customer{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--gray-100);padding:14px 16px;display:flex}.booking-tooltip-customer-avatar{border-radius:var(--radius-full);background:var(--primary-50);border:1.5px solid var(--primary-200);width:36px;height:36px;color:var(--primary-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.booking-tooltip-customer-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.booking-tooltip-service{border-bottom:1px solid var(--gray-100);padding:12px 16px}.booking-tooltip-service-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.booking-tooltip-service-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.booking-tooltip-service-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:700}.booking-tooltip-service-meta{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-muted);display:flex}.booking-tooltip-footer{font-size:var(--font-size-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 16px;font-weight:500;display:flex}.booking-tooltip-footer svg{color:var(--text-muted)}.calendar-loading{height:100%;color:var(--text-secondary);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.calendar-sidebar-overlay{z-index:1000;background:#00000014;animation:.2s ease-out fadeIn;position:fixed;inset:0}.calendar-sidebar{background:var(--bg-primary);z-index:1001;flex-direction:column;width:480px;max-width:100vw;transition:width .3s cubic-bezier(.16,1,.3,1);animation:.25s ease-out sidebarSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0000001f}.calendar-sidebar--create{flex-direction:row;width:auto;min-width:480px;max-width:90vw}.calendar-sidebar:has(.sidebar-client-panel){flex-direction:row;width:auto;min-width:480px;max-width:90vw}.calendar-sidebar:has(.sidebar-client-panel.profile-expanded){min-width:900px}.sidebar-create-layout{flex:1;height:100%;display:flex;overflow:hidden}.sidebar-client-panel{border-right:1px solid var(--border-color);width:300px;min-width:300px;padding:var(--space-5);flex-direction:column;transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1);animation:.2s ease-out clientPanelSlideIn;display:flex;overflow-y:auto}.sidebar-client-panel.profile-expanded{width:420px;min-width:420px}@keyframes clientPanelSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.scp-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 var(--space-4) 0;font-weight:700}.scp-search-wrapper{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1.5px solid var(--primary-400);border-radius:var(--radius-xl);background:var(--bg-primary);margin-bottom:var(--space-4);display:flex}.scp-search-wrapper svg{color:var(--text-muted);flex-shrink:0}.scp-search{font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none;width:100%}.scp-search::placeholder{color:var(--text-muted)}.scp-client-list{gap:var(--space-1);flex-direction:column;display:flex}.scp-client-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);cursor:pointer;border-radius:var(--radius-lg);transition:background var(--transition-fast);font-family:var(--font-family);text-align:left;background:0 0;border:none;width:100%;display:flex}.scp-client-item:hover{background:var(--gray-50)}.scp-client-avatar{border-radius:var(--radius-full);background:var(--gray-200);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.scp-client-avatar-add,.scp-client-avatar-walkin{background:var(--primary-100);color:var(--primary-600)}.scp-client-info{flex-direction:column;min-width:0;display:flex}.scp-client-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;line-height:1.3}.scp-client-email{font-size:var(--font-size-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.scp-profile{padding:var(--space-5) 0;flex-direction:column;align-items:center;display:flex}.scp-profile-avatar{border-radius:var(--radius-full);background:var(--gray-200);width:80px;height:80px;color:var(--text-secondary);margin-bottom:var(--space-3);justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.scp-profile-name{font-size:var(--font-size-lg);color:var(--text-primary);text-align:center;font-weight:700}.scp-profile-email{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin-bottom:var(--space-4)}.scp-profile-actions{gap:var(--space-2);margin:var(--space-4) 0;display:flex}.scp-actions-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:flex}.scp-actions-btn:hover,.scp-actions-btn.active{background:var(--gray-50);border-color:var(--gray-300)}.scp-actions-chevron{transition:transform .2s}.scp-actions-chevron.open{transform:rotate(90deg)}.scp-actions-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:200px;padding:var(--space-2);z-index:30;animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001f}.scp-actions-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.scp-actions-item:hover{background:var(--gray-50)}.scp-actions-danger{color:#ef4444!important}.scp-actions-divider{background:var(--border-color);height:1px;margin:var(--space-1) 0}.scp-actions-heading{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3) var(--space-1);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.scp-view-profile-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.scp-view-profile-btn:hover{background:var(--gray-50)}.scp-profile-meta{width:100%;margin-top:var(--space-4);border-top:1px solid var(--border-color);padding-top:var(--space-4)}.scp-meta-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);padding:var(--space-2) 0;display:flex}.scp-meta-item svg{color:var(--text-muted);flex-shrink:0}@keyframes sidebarSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-icon-strip{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-right:1px solid var(--border-color);background:var(--gray-50);flex-direction:column;flex-shrink:0;display:flex}.sidebar-icon-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.sidebar-icon-btn:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-icon-btn.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.sidebar-main{flex-direction:column;flex:1;min-width:420px;display:flex;overflow:hidden}.sidebar-top{flex-shrink:0;display:flex}.sidebar-close-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-close-btn:hover{background:var(--gray-100);color:var(--text-primary)}.sidebar-header-content{flex-direction:column;flex:1;display:flex}.sidebar-header-row{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.sidebar-client-area{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);display:flex}.sidebar-client-icon{border-radius:var(--radius-full);background:var(--primary-50);border:2px dashed var(--primary-300);width:44px;height:44px;color:var(--primary-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-client-input{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-client-label{font-size:var(--font-size-sm);color:var(--primary-600);cursor:pointer;font-weight:600}.sidebar-client-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.sidebar-client-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.sidebar-client-phone{font-size:var(--font-size-xs);color:var(--text-secondary)}.sidebar-date-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.sidebar-date-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.sidebar-body{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.sidebar-section-title{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.sidebar-search{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);transition:border-color var(--transition-fast);background:var(--bg-primary);outline:none;padding-left:36px}.sidebar-search:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.sidebar-search-wrapper{margin-bottom:var(--space-4);position:relative}.sidebar-search-wrapper svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar-target-group-header{padding:var(--space-3) var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-target-group-header:first-child{margin-top:0}.sidebar-target-group-header:hover{background:var(--gray-50)}.sidebar-target-group-left{align-items:center;gap:var(--space-2);display:flex}.sidebar-target-group-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.sidebar-target-group-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--gray-100);border-radius:var(--radius-full);padding:1px 7px;font-weight:400}.sidebar-target-group-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.sidebar-target-group-chevron.expanded{transform:rotate(180deg)}.sidebar-target-group-content{transition:max-height .25s;overflow:hidden}.sidebar-target-group-content.collapsed{max-height:0}.sidebar-target-group-content.expanded{max-height:2000px}.sidebar-category-title{font-size:var(--font-size-xs);color:var(--text-muted);margin:var(--space-3) 0 var(--space-1);padding-left:var(--space-2);align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:.03em;font-weight:600;display:flex}.sidebar-category-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.sidebar-service-item{padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;font-family:var(--font-family);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.sidebar-service-item:hover{background:var(--gray-50)}.sidebar-service-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500;line-height:1.3}.sidebar-service-duration{font-size:var(--font-size-xs);color:var(--text-muted)}.sidebar-service-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.sidebar-service-border{border-left:3px solid var(--primary-400);padding-left:var(--space-3)}.sidebar-selected-service{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;display:flex}.sidebar-selected-service:last-of-type{border-bottom:none}.sidebar-selected-service-info{flex-direction:column;gap:2px;display:flex}.sidebar-selected-service-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.sidebar-selected-service-detail{font-size:var(--font-size-xs);color:var(--text-secondary)}.sidebar-selected-service-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.sidebar-add-service-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);margin-top:var(--space-3);display:inline-flex}.sidebar-add-service-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.sidebar-add-service-btn.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.sidebar-product-item{padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;display:flex}.sidebar-product-item:last-child{border-bottom:none}.sidebar-product-info{align-items:flex-start;gap:var(--space-2);display:flex}.sidebar-product-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.sidebar-product-qty{font-size:var(--font-size-xs);color:var(--text-muted)}.sidebar-product-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.sidebar-add-buttons-row{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.sidebar-add-buttons-row .sidebar-add-service-btn{margin-top:0}.sidebar-refund-card{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg);margin-top:var(--space-2);border-left:3px solid #e53e3e;justify-content:space-between;align-items:flex-start;display:flex}.sidebar-refund-card-left{align-items:flex-start;gap:var(--space-3);display:flex}.sidebar-refund-card-icon{border-radius:var(--radius-full);color:#e53e3e;background:#e53e3e1a;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-refund-card-amount{font-size:var(--font-size-sm);color:#e53e3e;font-weight:700}.sidebar-refund-card-meta{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;text-align:right;flex-shrink:0}.sidebar-refund-card-reason{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px;font-style:italic}.sidebar-refund-form{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--gray-50);animation:.15s ease-out calPopupIn}.sidebar-refund-input{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 12px}.sidebar-refund-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.sidebar-refund-confirm-btn{color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);background:#e53e3e;border:none;flex:2;padding:10px 16px}.sidebar-refund-confirm-btn:hover{background:#c53030}.sidebar-refund-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-notes-textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);resize:vertical;min-height:80px;transition:border-color var(--transition-fast);outline:none}.sidebar-notes-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.sidebar-client-form{gap:var(--space-3);padding:var(--space-4) 0;flex-direction:column;display:flex}.calendar-sidebar .sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-4) var(--space-5);background:var(--bg-primary);flex-shrink:0}.sidebar-total-row{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.sidebar-total-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.sidebar-total-value{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.sidebar-footer-actions{align-items:center;gap:var(--space-3);display:flex}.sidebar-more-btn{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-more-btn:hover{background:var(--gray-50)}.sidebar-save-btn{padding:var(--space-3) var(--space-6);background:var(--gray-900);color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);border:none;flex:1}.sidebar-save-btn:hover{background:var(--gray-800)}.sidebar-save-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-quick-actions{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2);z-index:10;min-width:200px;animation:.15s ease-out calPopupIn;position:absolute;bottom:48px;left:0;box-shadow:0 8px 24px #0000001f}.sidebar-quick-actions-title{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-2) var(--space-3);text-transform:uppercase;letter-spacing:.03em;font-weight:600}.sidebar-quick-action-item{align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;display:flex}.sidebar-quick-action-item:hover{background:var(--gray-50)}.sidebar-quick-action-item svg{color:var(--text-muted);flex-shrink:0}.sidebar-edit-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);color:#fff}.sidebar-edit-header-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-edit-time{font-size:var(--font-size-base);font-weight:700}.sidebar-edit-status{font-size:var(--font-size-sm);border-radius:var(--radius-full);color:inherit;font-weight:600;font-family:var(--font-family);background:#ffffff38;border:1.5px solid #ffffff59;padding:6px 14px}.sidebar-edit-status--clickable{cursor:pointer;align-items:center;gap:2px;transition:background .15s;display:inline-flex}.sidebar-edit-status--clickable:hover{background:#ffffff59}.sidebar-status-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);min-width:180px;padding:var(--space-2);z-index:30;animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 40px #00000024,0 4px 12px #00000014}.sidebar-status-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.sidebar-status-option:hover{background:var(--gray-50)}.sidebar-status-option.active{background:var(--gray-100);font-weight:600}.sidebar-status-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.sidebar-close-btn--external{top:var(--space-4);left:calc(-40px - var(--space-3));z-index:1002;background:var(--bg-primary);animation:.2s ease-out calPopupIn;position:absolute;box-shadow:0 4px 16px #00000026}.sidebar-add-service-picker{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--gray-50);max-height:300px;animation:.15s ease-out calPopupIn;overflow-y:auto}.sidebar-add-service-picker .sidebar-search{margin-bottom:var(--space-3)}.sidebar-notes-inline{background:var(--gray-50);min-height:60px;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-color:#0000}.sidebar-notes-inline:focus{background:var(--bg-primary);border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.sidebar-edit-subtitle{font-size:var(--font-size-xs);opacity:.8}.sidebar-edit-header{border-radius:0}@media (width<=768px){.calendar-toolbar-row{padding-left:var(--space-3);padding-right:var(--space-3)}.calendar-toolbar-filters{padding-top:var(--space-2);padding-bottom:var(--space-1)}.calendar-toolbar-nav{padding-top:var(--space-1);padding-bottom:var(--space-2);gap:var(--space-2);flex-wrap:wrap}.calendar-date-display{font-size:var(--font-size-sm)}.calendar-goto-today{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.calendar-staff-col-header{min-width:100px;padding:var(--space-2)}.calendar-staff-avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.calendar-column{min-width:100px}.calendar-sidebar{width:100vw}.sidebar-close-btn--external{display:none}}.calendar-blocked-time{border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;z-index:5;background:repeating-linear-gradient(135deg,#e2e8f0,#e2e8f0 4px,#cbd5e1 4px 8px);border:1px solid #94a3b8;min-height:20px;transition:box-shadow .15s;position:absolute;left:4px;right:4px;overflow:hidden}.calendar-blocked-time:hover{z-index:10;box-shadow:0 4px 16px #00000026}.calendar-blocked-time-time{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:1.3;overflow:hidden}.calendar-blocked-time-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.3;overflow:hidden}.bt-sidebar-header{padding:var(--space-5);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.bt-sidebar-title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:700}.bt-sidebar-menu-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.bt-sidebar-menu-btn:hover{background:var(--gray-100);color:var(--text-primary)}.bt-section{margin-bottom:var(--space-5)}.bt-label{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.bt-label-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.bt-optional{color:var(--text-muted);font-weight:400}.bt-char-count{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.bt-type-carousel{align-items:center;gap:var(--space-2);display:flex;position:relative}.bt-type-options{gap:var(--space-3);flex:1;display:flex}.bt-type-card{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);flex-direction:column;flex:1;min-width:0;display:flex}.bt-type-card:hover{border-color:var(--gray-300);background:var(--gray-50)}.bt-type-card.active{border-color:var(--gray-900);background:var(--bg-primary)}.bt-type-icon{font-size:24px;line-height:1}.bt-type-label{font-size:var(--font-size-xs);color:var(--text-primary);text-align:center;white-space:nowrap;font-weight:600}.bt-type-sublabel{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:10px}.bt-carousel-arrow{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:all var(--transition-fast);z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bt-carousel-arrow:hover{background:var(--gray-100);color:var(--text-primary)}.bt-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none}.bt-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.bt-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);resize:vertical;min-height:80px;transition:border-color var(--transition-fast);box-sizing:border-box;outline:none}.bt-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.bt-dropdown-wrapper{position:relative}.bt-dropdown-btn{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.bt-dropdown-btn:hover{border-color:var(--gray-300)}.bt-dropdown-chevron{color:var(--text-muted);transition:transform .2s;transform:rotate(90deg)}.bt-dropdown-chevron.open{transform:rotate(270deg)}.bt-calendar-popup{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);z-index:20;animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 24px #0000001f}.bt-calendar-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.bt-calendar-month{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:700}.bt-calendar-nav{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bt-calendar-nav:hover{background:var(--gray-100);color:var(--text-primary)}.bt-calendar-weekdays{margin-bottom:var(--space-1);grid-template-columns:repeat(7,1fr);gap:0;display:grid}.bt-calendar-weekdays span{color:var(--text-muted);text-align:center;padding:var(--space-1) 0;font-size:11px;font-weight:600}.bt-calendar-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.bt-calendar-day{aspect-ratio:1;border-radius:var(--radius-full);width:100%;font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.bt-calendar-day:hover:not(.empty):not(.active){background:var(--gray-100)}.bt-calendar-day.active{background:var(--primary-500);color:#fff;font-weight:700}.bt-calendar-day.empty{cursor:default}.bt-time-row{gap:var(--space-3);display:flex}.bt-time-col{flex:1}.bt-duration-label{font-size:var(--font-size-xs);color:var(--primary-500);margin-top:var(--space-1);font-weight:500;display:block}.bt-time-dropdown,.bt-staff-dropdown,.bt-frequency-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:20;max-height:240px;padding:var(--space-1);animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.bt-time-option{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.bt-time-option:hover{background:var(--gray-50)}.bt-time-option.active{color:var(--primary-600);font-weight:600}.bt-time-option svg{color:var(--primary-500);flex-shrink:0}.bt-staff-btn{padding:var(--space-2) var(--space-4)}.bt-staff-selected{align-items:center;gap:var(--space-3);display:flex}.bt-staff-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.bt-staff-avatar-sm{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.bt-staff-option{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.bt-staff-option:hover{background:var(--gray-50)}.bt-staff-option.active{font-weight:600}.bt-staff-option svg{color:var(--primary-500);margin-left:auto}.bt-checkbox-label{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;padding:var(--space-2) 0;display:flex}.bt-checkbox{border-radius:var(--radius-sm);width:18px;height:18px;accent-color:var(--gray-900);cursor:pointer;flex-shrink:0}.service-edit-panel-animated{animation:.25s ease-out serviceEditSlideIn}@keyframes serviceEditSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.sep-back-row{padding:var(--space-4) var(--space-5);flex-shrink:0}.sep-back-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.sep-back-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.sep-header{padding:0 var(--space-5) var(--space-4);flex-shrink:0}.sep-title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:700}.sep-service-selector{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.sep-service-selector:hover{border-color:var(--gray-300);background:var(--gray-50)}.sep-service-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.sep-section{margin-bottom:var(--space-5)}.sep-label{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;display:block}.sep-team-row{align-items:center;gap:var(--space-2);display:flex}.sep-fav-btn{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sep-fav-btn:hover{border-color:var(--gray-300);background:var(--gray-50)}.sep-fav-btn.active{background:#fef2f2;border-color:#fca5a5}.sep-row{gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.sep-col{flex:1;min-width:0}.sep-price-input{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);align-items:center;display:flex;overflow:hidden}.sep-price-input:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.sep-currency{padding:var(--space-3) var(--space-3);background:var(--gray-50);font-size:var(--font-size-sm);color:var(--text-secondary);border-right:1px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600}.sep-price-field{padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);appearance:textfield;border:none;outline:none;flex:1;min-width:0}.sep-price-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sep-price-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sep-add-extra-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-primary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.sep-add-extra-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.sep-extra-time-active{padding:var(--space-3) var(--space-4);background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.sep-extra-time-info{flex-direction:column;gap:2px;display:flex}.sep-extra-time-type{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.sep-extra-time-duration{font-size:var(--font-size-xs);color:var(--text-muted)}.sep-extra-time-remove{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sep-extra-time-remove:hover{background:var(--gray-200);color:var(--text-primary)}.sep-extra-time-popup{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:20;animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}.sep-extra-time-option{padding:var(--space-4) var(--space-5);cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);transition:background var(--transition-fast);border:none;border-bottom:1px solid var(--gray-100);background:0 0;flex-direction:column;gap:4px;display:flex}.sep-extra-time-option:last-child{border-bottom:none}.sep-extra-time-option:hover{background:var(--gray-50)}.sep-eto-header{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.sep-eto-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.sep-original-price{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;text-decoration:line-through}.sep-delete-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:44px;height:44px;color:var(--text-muted);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sep-delete-btn:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.sidebar-service-hoverable{padding:var(--space-3) var(--space-2);margin:0 calc(-1 * var(--space-2))}.sidebar-service-hoverable.hovered{background:var(--gray-50)}.sidebar-service-action-icons{align-items:center;gap:var(--space-1);animation:.12s ease-out fadeInQuick;display:flex}@keyframes fadeInQuick{0%{opacity:0}to{opacity:1}}.sidebar-service-action-btn{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-service-action-btn:hover{background:var(--gray-200);color:var(--text-primary)}.sidebar-service-action-delete:hover{color:#ef4444;background:#fef2f2}.sidebar-client-area--clickable{cursor:pointer;transition:background var(--transition-fast)}.sidebar-client-area--clickable:hover{background:var(--gray-50)}.scp-inline-form{margin-top:var(--space-3);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--border-color);animation:.15s ease-out fadeInQuick}.scp-inline-form-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.scp-inline-textarea{width:100%;min-height:64px;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);resize:vertical;box-sizing:border-box;transition:border-color var(--transition-fast);outline:none}.scp-inline-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.scp-inline-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);box-sizing:border-box;margin-bottom:var(--space-2);transition:border-color var(--transition-fast);outline:none}.scp-inline-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f114}.scp-inline-form-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.scp-inline-cancel{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.scp-inline-cancel:hover{background:var(--gray-100)}.scp-inline-save{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--gray-900);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none}.scp-inline-save:hover{background:var(--gray-800)}.scp-inline-save:disabled{opacity:.5;cursor:not-allowed}.scp-profile-details{margin-top:var(--space-4);animation:.2s ease-out fadeInQuick}.scp-detail-section{margin-bottom:var(--space-4)}.scp-detail-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:700}.scp-booking-item{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100);display:flex}.scp-booking-item:last-child{border-bottom:none}.scp-booking-date{font-size:var(--font-size-xs);color:var(--text-primary);min-width:80px;font-weight:500}.scp-booking-time{font-size:var(--font-size-xs);color:var(--text-muted);flex:1}.scp-booking-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;font-size:10px;font-weight:600}.scp-booking-status--confirmed{color:#059669;background:#ecfdf5}.scp-booking-status--pending{color:#d97706;background:#fefce8}.scp-booking-status--cancelled{color:#dc2626;background:#fef2f2}.scp-booking-status--completed{color:#2563eb;background:#f0f9ff}.scp-booking-status--no_show{background:var(--gray-100);color:var(--gray-500)}.scp-note-item{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4;display:flex}.scp-note-allergy{background:#fffbeb;border-color:#fbbf24}.scp-note-delete{border-radius:var(--radius-full);cursor:pointer;width:24px;height:24px;color:var(--text-muted);transition:all var(--transition-fast);opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scp-note-item:hover .scp-note-delete{opacity:1}.scp-note-delete:hover{color:#ef4444;background:#fef2f2}.scp-profile-email{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;margin-top:var(--space-1)}.sidebar-audit-summary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);margin-top:var(--space-4);border-top:1px solid var(--gray-100);cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;transition:background .15s;display:flex}.sidebar-audit-summary:hover{background:var(--gray-50)}.sidebar-audit-summary-icon{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-audit-summary-text{color:var(--text-muted);flex:1;min-width:0;font-size:11px;line-height:1.4}.sidebar-audit-summary-text strong{color:var(--text-secondary);font-weight:600}.sidebar-audit-summary-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.sidebar-audit-summary-chevron.expanded{transform:rotate(180deg)}.sidebar-audit-timeline{opacity:0;max-height:0;padding:0 var(--space-1);transition:max-height .3s,opacity .2s,padding .2s;overflow:hidden}.sidebar-audit-timeline.expanded{opacity:1;max-height:600px;padding:var(--space-3) var(--space-1)}.audit-timeline-item{gap:var(--space-3);padding-bottom:var(--space-4);display:flex;position:relative}.audit-timeline-item:last-child{padding-bottom:0}.audit-timeline-item:not(:last-child):after{content:"";background:var(--gray-200);width:1.5px;position:absolute;top:24px;bottom:0;left:11px}.audit-timeline-dot{border-radius:var(--radius-full);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.audit-timeline-dot--created{background:var(--success-50,#dcfce7);color:var(--success-500,#22c55e)}.audit-timeline-dot--status_changed{background:var(--primary-50);color:var(--primary-500)}.audit-timeline-dot--rescheduled{color:#f59e0b;background:#fef3c7}.audit-timeline-dot--updated{background:var(--gray-100);color:var(--text-muted)}.audit-timeline-content{flex:1;min-width:0}.audit-timeline-desc{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:500;line-height:1.5}.audit-timeline-desc strong{font-weight:600}.audit-timeline-meta{color:var(--text-muted);align-items:center;gap:var(--space-2);margin-top:2px;font-size:10px;display:flex}.audit-timeline-empty{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;padding:var(--space-4) 0}.sidebar-audit-wrapper{padding:0 var(--space-5);border-top:1px solid var(--gray-100)}.sidebar-audit-wrapper .sidebar-audit-summary{border-top:none;margin-top:0}.sep-discount-active{border:1px solid var(--primary-200);background:var(--primary-50);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;height:44px;display:flex}.sep-discount-info{align-items:center;gap:var(--space-2);display:flex}.sep-discount-badge{background:var(--primary-500);color:#fff;border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 8px;font-size:11px;font-weight:700}.sep-discount-amount{font-size:var(--font-size-sm);color:var(--primary-700);font-weight:600}.sep-discount-clear{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.sep-discount-clear:hover{background:var(--primary-100);color:var(--primary-600)}.sep-discount-input-row{gap:var(--space-2);display:flex}.sep-discount-input-row .sep-price-input{flex:1}.calendar-view-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.calendar-view-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.calendar-view-btn.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.calendar-view-chevron{flex-shrink:0;transition:transform .2s}.calendar-view-chevron.rotated{transform:rotate(180deg)}.calendar-view-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:999;min-width:180px;padding:var(--space-2);animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014}.calendar-view-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;display:flex}.calendar-view-option:hover{background:var(--gray-50)}.calendar-view-option.active{background:var(--primary-500);color:#fff}.calendar-view-option.active svg{color:#fff}.calendar-view-option svg{color:var(--text-muted);flex-shrink:0}.calendar-multiday-body{-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:auto}.calendar-multiday-header{border-bottom:1px solid var(--border-color);background:var(--bg-primary);z-index:20;display:flex;position:sticky;top:0}.calendar-multiday-staff-gutter-header{border-right:1px solid var(--border-color);flex-shrink:0;width:120px;min-width:120px}.calendar-multiday-days-header{flex:1;display:flex}.calendar-multiday-day-header{justify-content:center;align-items:center;gap:var(--space-2);min-width:120px;padding:var(--space-3) var(--space-2);border-right:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary);flex:1;font-weight:500;display:flex}.calendar-multiday-day-header:last-child{border-right:none}.calendar-multiday-day-header.today{color:var(--primary-600);font-weight:700}.calendar-multiday-day-num{font-size:var(--font-size-base);color:var(--text-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.calendar-multiday-day-num.today{background:var(--primary-500);color:#fff}.calendar-multiday-day-name{font-size:var(--font-size-xs);font-weight:500}.calendar-multiday-rows{flex-direction:column;display:flex}.calendar-multiday-row{border-bottom:1px solid var(--border-color);min-height:80px;transition:min-height .2s;display:flex}.calendar-multiday-staff-cell{width:120px;min-width:120px;padding:var(--space-3) var(--space-2);border-right:1px solid var(--border-color);background:var(--bg-primary);z-index:10;justify-content:flex-start;align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex;position:sticky;left:0}.calendar-multiday-staff-name{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:11px;font-weight:600;line-height:1.3;overflow:hidden}.calendar-multiday-day-cells{flex:1;display:flex}.calendar-multiday-day-cell{border-right:1px solid var(--border-color);cursor:pointer;background:var(--bg-primary);min-width:120px;padding:var(--space-2) var(--space-1);transition:background var(--transition-fast);flex-direction:column;flex:1;gap:3px;display:flex;position:relative}.calendar-multiday-day-cell:last-child{border-right:none}.calendar-multiday-day-cell:hover{background:var(--gray-50)}.calendar-multiday-day-cell.today{background:#6366f108}.calendar-multiday-day-cell.today:hover{background:#6366f10f}.calendar-multiday-booking{border-radius:var(--radius-md);border-left:3px solid var(--primary-400);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-height:26px;padding:4px 8px;font-size:11px;line-height:1.3;transition:box-shadow .15s,transform .1s;display:flex;overflow:hidden}.calendar-multiday-booking:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.calendar-multiday-booking-time{white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:700}.calendar-multiday-booking-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.calendar-multiday-booking-service{white-space:nowrap;text-overflow:ellipsis;opacity:.7;font-size:10px;font-weight:400;display:none;overflow:hidden}@media (width>=1200px){.calendar-multiday-booking-service{display:inline}}.calendar-multiday-blocked{border-radius:var(--radius-md);background:repeating-linear-gradient(45deg, var(--gray-100), var(--gray-100) 4px, var(--gray-50) 4px, var(--gray-50) 8px);border:1px solid var(--gray-200);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;min-height:24px;padding:4px 8px;font-size:11px;line-height:1.3;transition:box-shadow .15s;display:flex;overflow:hidden}.calendar-multiday-blocked:hover{box-shadow:0 2px 8px #00000014}.calendar-multiday-blocked-time{white-space:nowrap;color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:600}.calendar-multiday-blocked-label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);font-size:10px;font-weight:500;overflow:hidden}.calendar-multiday-empty{display:none}.calendar-month-view{padding:var(--space-4);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.calendar-month-weekday-header{margin-bottom:var(--space-2);grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar-month-weekday{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--space-2) 0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.calendar-month-grid{background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-month-cell{background:var(--bg-primary);min-height:100px;padding:var(--space-2);cursor:pointer;transition:background var(--transition-fast);gap:var(--space-1);flex-direction:column;display:flex}.calendar-month-cell:hover{background:var(--gray-50)}.calendar-month-cell.other-month{background:var(--gray-50);opacity:.5}.calendar-month-cell.today{background:#6366f10a}.calendar-month-day-num{font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;line-height:1;display:flex}.calendar-month-day-num.today{background:var(--primary-500);color:#fff;font-weight:700}.calendar-month-cell-bookings{flex-direction:column;flex:1;gap:2px;display:flex}.calendar-month-cell-booking{color:#fff;border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.5;display:flex;overflow:hidden}.calendar-month-cell-booking span:first-child{flex-shrink:0}.calendar-month-cell-booking span:last-child{text-overflow:ellipsis;overflow:hidden}.calendar-month-cell-more{color:var(--text-muted);text-align:center;padding:1px 6px;font-size:10px;font-weight:600}@media (width<=768px){.calendar-multiday-staff-cell{width:70px;min-width:70px;padding:var(--space-2) var(--space-1)}.calendar-multiday-staff-gutter-header{width:70px;min-width:70px}.calendar-multiday-staff-name{max-width:60px;font-size:9px}.calendar-multiday-day-cell{min-width:80px}.calendar-multiday-day-header{min-width:80px;padding:var(--space-2) var(--space-1);flex-direction:column;gap:2px}.calendar-month-cell{min-height:70px;padding:var(--space-1)}.calendar-month-cell-booking{padding:1px 4px;font-size:9px}.calendar-view-dropdown{min-width:160px}.team-filter-dropdown,.location-filter-dropdown{min-width:220px}}.team-filter-wrap{position:relative}.team-filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-family);white-space:nowrap;height:36px;display:flex}.team-filter-btn:hover{background:var(--gray-100)}.team-filter-btn.active{background:var(--gray-100);color:var(--primary-600)}.team-filter-btn svg{flex-shrink:0}.team-filter-chevron{transition:transform .2s}.team-filter-chevron.rotated{transform:rotate(180deg)}.team-filter-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:999;min-width:280px;padding:var(--space-2);animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014}.team-filter-dropdown.align-right{left:auto;right:0}.team-filter-option{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;display:flex}.team-filter-option:hover{background:var(--gray-50)}.team-filter-option.active{background:var(--primary-50);color:var(--primary-600)}.team-filter-option-icon{border-radius:var(--radius-full);background:var(--gray-100);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-filter-option.active .team-filter-option-icon{background:var(--primary-100);color:var(--primary-600)}.team-filter-option-icon.self{background:var(--primary-100);color:var(--primary-500)}.team-filter-check{color:var(--primary-500);flex-shrink:0;margin-left:auto}.team-filter-you-label{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.team-filter-divider{background:var(--border-color);height:1px;margin:var(--space-2) 0}.team-filter-section-header{padding:var(--space-1) var(--space-3) var(--space-2);justify-content:space-between;align-items:center;display:flex}.team-filter-section-header>span{font-size:var(--font-size-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.team-filter-clear{font-size:var(--font-size-xs);color:var(--primary-500);cursor:pointer;font-weight:500;font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none;padding:0}.team-filter-clear:hover{color:var(--primary-700);text-decoration:underline}.team-filter-members{flex-direction:column;gap:2px;max-height:240px;display:flex;overflow-y:auto}.team-filter-member{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:background var(--transition-fast);font-family:var(--font-family);background:0 0;border:none;display:flex}.team-filter-member:hover{background:var(--gray-50)}.team-filter-checkbox{border-radius:var(--radius-sm);border:2px solid var(--gray-300);width:20px;height:20px;transition:all var(--transition-fast);background:var(--bg-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.team-filter-checkbox.checked{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.team-filter-member-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.team-filter-member-avatar-img{object-fit:cover;border:2px solid var(--primary-100)}.team-filter-member-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.location-filter-wrap{position:relative}.location-filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border:none;border-right:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);white-space:nowrap;background:0 0;border-radius:0;height:32px;display:flex}.location-filter-btn:hover{background:var(--gray-100)}.location-filter-btn.active{color:var(--primary-600)}.location-filter-btn svg{flex-shrink:0}.location-filter-prefix{color:var(--text-muted);font-weight:400}.location-filter-chevron{transition:transform .2s}.location-filter-chevron.rotated{transform:rotate(180deg)}.location-filter-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:999;min-width:240px;padding:var(--space-2);animation:.15s ease-out calPopupIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014}.location-filter-option{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;display:flex}.location-filter-option:hover{background:var(--gray-50)}.location-filter-option.active{background:var(--primary-50);color:var(--primary-600)}.location-filter-option-info{flex-direction:column;gap:2px;min-width:0;display:flex}.location-filter-option-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.location-filter-option-city{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:400}.location-filter-check{color:var(--primary-500);flex-shrink:0}.settings-back-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.settings-back-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.settings-layout{gap:var(--space-8);grid-template-columns:240px 1fr;align-items:flex-start;display:grid}.settings-sidebar{top:var(--space-6);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);position:sticky}.settings-sidebar-title{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--space-4);padding:0 var(--space-3);font-weight:700}.settings-sidebar-nav{flex-direction:column;gap:2px;display:flex}.settings-sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-left:3px solid #0000;width:100%;font-weight:500;display:flex}.settings-sidebar-item:hover{background:var(--gray-50);color:var(--text-primary)}.settings-sidebar-item.active{background:var(--primary-50);color:var(--primary-700);border-left-color:var(--primary-500);font-weight:600}.settings-content{min-width:0;animation:.2s ease-out fadeIn}@media (width<=800px){.settings-layout{gap:var(--space-5);grid-template-columns:1fr}.settings-sidebar{position:static}}.settings-logo-upload{background:var(--gray-100);border:2px dashed var(--border-color);border-radius:50%;flex-shrink:0;width:80px;height:80px;transition:border-color .2s;position:relative;overflow:hidden}.settings-logo-upload:hover{border-color:var(--primary-400)}.settings-logo-img{object-fit:cover;width:100%;height:100%;display:block}.settings-logo-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.settings-logo-overlay{color:#fff;opacity:0;background:#00000073;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.settings-logo-upload:hover .settings-logo-overlay{opacity:1}.settings-logo-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:28px;height:28px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.fin-tabs{gap:var(--space-1);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-1);margin-bottom:var(--space-8);width:fit-content;display:flex}.fin-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;display:flex}.fin-tab:hover{color:var(--text-primary);background:var(--gray-50)}.fin-tab.active{background:var(--primary-600);color:#fff;box-shadow:var(--shadow-sm)}.fin-tab svg{width:16px;height:16px}.fin-toolbar{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.fin-date-range{align-items:center;gap:var(--space-3);display:flex}.fin-date-range input[type=date]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);transition:border-color var(--transition-fast)}.fin-date-range input[type=date]:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50);outline:none}.fin-date-range span{color:var(--text-muted);font-size:var(--font-size-sm)}.fin-summary-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.fin-summary-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:transform var(--transition-fast), box-shadow var(--transition-fast);position:relative;overflow:hidden}.fin-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fin-summary-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.fin-card-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.fin-card-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.fin-card-blue:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.fin-card-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fin-summary-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.fin-summary-value{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.fin-summary-sub{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.fin-summary-icon{top:var(--space-5);right:var(--space-5);border-radius:var(--radius-lg);opacity:.8;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.fin-icon-green{background:var(--success-50);color:var(--success-500)}.fin-icon-red{background:var(--error-50);color:var(--error-500)}.fin-icon-blue{background:var(--primary-50);color:var(--primary-500)}.fin-icon-amber{background:var(--warning-50);color:var(--warning-500)}.fin-table-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.fin-table-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.fin-table-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.fin-table-count{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.fin-table{border-collapse:collapse;width:100%}.fin-table th{text-align:left;padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--gray-50);font-weight:600}.fin-table td{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-color)}.fin-table tbody tr{transition:background var(--transition-fast)}.fin-table tbody tr:hover{background:var(--gray-50)}.fin-table tbody tr:last-child td{border-bottom:none}.fin-status{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;display:inline-flex}.fin-status-paid{background:var(--success-50);color:var(--success-600)}.fin-status-draft{background:var(--gray-100);color:var(--gray-600)}.fin-status-sent{background:var(--primary-50);color:var(--primary-600)}.fin-status-overdue{background:var(--error-50);color:var(--error-600)}.fin-status-cancelled{background:var(--gray-100);color:var(--gray-400);text-decoration:line-through}.fin-category{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--gray-100);color:var(--gray-700);font-weight:500;display:inline-flex}.fin-moms-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6)}.fin-moms-title{font-size:var(--font-size-lg);margin-bottom:var(--space-5);color:var(--text-primary);font-weight:600}.fin-moms-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.fin-moms-row:last-child{padding-top:var(--space-4);margin-top:var(--space-2);border-bottom:none;border-top:2px solid var(--text-primary)}.fin-moms-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.fin-moms-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.fin-moms-total .fin-moms-label,.fin-moms-total .fin-moms-value{font-size:var(--font-size-base);font-weight:700}.fin-monthly-grid{gap:var(--space-3);min-height:180px;padding:var(--space-6) 0;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));align-items:flex-end;display:grid}.fin-monthly-col{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.fin-bar-wrapper{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.fin-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:70%;min-height:4px;transition:height var(--transition-slow)}.fin-bar-revenue{background:linear-gradient(#6366f1,#818cf8)}.fin-bar-expense{background:linear-gradient(#ef4444,#f87171)}.fin-bar-label{color:var(--text-muted);font-size:10px;font-weight:500}.fin-bar-amount{color:var(--text-secondary);font-size:10px;font-weight:600}.fin-overview-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.fin-category-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.fin-cat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.fin-cat-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.fin-cat-amount{font-size:var(--font-size-sm);color:var(--error-500);font-weight:600}.fin-cat-count{font-size:var(--font-size-xs);color:var(--text-muted)}.fin-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0000004d;animation:.2s ease-out fadeIn;position:fixed;inset:0}.fin-sidebar{background:var(--bg-primary);z-index:1001;flex-direction:column;width:500px;max-width:100vw;animation:.25s ease-out sidebarSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0000001f}.fin-sidebar-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.fin-sidebar-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:700}.fin-sidebar-close{border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.fin-sidebar-close:hover{background:var(--gray-100);color:var(--text-primary)}.fin-sidebar-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.fin-form-group{gap:var(--space-2);flex-direction:column;display:flex}.fin-form-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.fin-form-input,.fin-form-select,.fin-form-textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--text-primary);background:var(--bg-primary);transition:border-color var(--transition-fast);box-sizing:border-box;width:100%}.fin-form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.fin-deductible-toggle{align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;display:flex;position:relative}.fin-deductible-toggle:hover{border-color:var(--primary-300);background:var(--gray-50)}.fin-deductible-toggle.active{border-color:var(--primary-400);background:var(--primary-50)}.fin-deductible-content{flex:1;min-width:0}.fin-deductible-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.fin-deductible-desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px;line-height:1.4}.fin-toggle-switch{background:var(--gray-300);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.fin-toggle-switch.on{background:var(--primary-500)}.fin-toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.fin-toggle-switch.on .fin-toggle-knob{transform:translate(20px)}.fin-deductible-tooltip{background:var(--gray-900);color:#fff;font-size:var(--font-size-xs);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:30;pointer-events:none;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.fin-deductible-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--gray-900);position:absolute;top:100%;left:20px}.fin-deductible-toggle:hover .fin-deductible-tooltip{display:block}.fin-form-input:focus,.fin-form-select:focus,.fin-form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50);outline:none}.fin-form-textarea{resize:vertical;min-height:80px}.fin-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.fin-sidebar-footer{border-top:1px solid var(--border-color);padding:var(--space-4) var(--space-6);background:var(--bg-primary);gap:var(--space-3);flex-shrink:0;display:flex}.fin-sidebar-footer .fin-btn{padding:var(--space-3);flex:1;justify-content:center}.fin-sidebar-footer .fin-btn-primary{flex:2}.fin-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);background:var(--gray-50);text-align:center;flex-direction:column;display:flex}.fin-upload-area:hover{border-color:var(--primary-400);background:var(--primary-50)}.fin-upload-area.has-file{border-color:var(--success-500);background:var(--success-50);border-style:solid}.fin-upload-area.drag-over{border-color:var(--primary-500);background:var(--primary-50);transform:scale(1.01)}.fin-upload-icon{width:36px;height:36px;color:var(--text-muted)}.fin-upload-area:hover .fin-upload-icon{color:var(--primary-500)}.fin-upload-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.fin-upload-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.fin-upload-file{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;display:flex}.fin-upload-file-info{flex:1;min-width:0}.fin-upload-file-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.fin-upload-file-size{font-size:var(--font-size-xs);color:var(--text-muted)}.fin-upload-remove{cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.fin-upload-remove:hover{color:var(--error-500);background:var(--error-50)}.fin-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary);color:var(--text-primary);display:inline-flex}.fin-btn:hover{border-color:var(--gray-300);background:var(--gray-50)}.fin-btn-primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.fin-btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700)}.fin-btn svg{width:16px;height:16px}.fin-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-secondary)}.fin-empty-icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto var(--space-4)}.fin-empty-title{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.fin-empty-desc{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:360px;margin:0 auto}.fin-action-btn{cursor:pointer;color:var(--text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.fin-action-btn:hover{color:var(--text-primary);background:var(--gray-100)}@media (width<=768px){.fin-summary-grid{grid-template-columns:repeat(2,1fr)}.fin-overview-grid{grid-template-columns:1fr}.fin-tabs{width:100%;overflow-x:auto}.fin-toolbar{flex-direction:column;align-items:stretch}.fin-table-card{overflow-x:auto}.fin-form-row{grid-template-columns:1fr}}@media (width<=480px){.fin-summary-grid{grid-template-columns:1fr}}.fin-row-overdue{background:var(--error-50)!important}.fin-row-overdue:hover{background:#fde8e8!important}.fin-status-overdue{align-items:center;gap:var(--space-1);animation:2s infinite pulse-overdue;display:inline-flex}@keyframes pulse-overdue{0%,to{opacity:1}50%{opacity:.7}}.fin-tab-badge{background:var(--error-500);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.fin-tab.active .fin-tab-badge{background:#ffffff4d}.fin-kr-input{padding-right:36px!important}.fin-kr-suffix{font-size:var(--font-size-sm);color:var(--text-muted);pointer-events:none;font-weight:500;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.fin-seller-info{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.fin-seller-header{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600;display:flex}.fin-seller-details{font-size:var(--font-size-sm);color:var(--text-primary);flex-direction:column;gap:2px;display:flex}.fin-seller-details strong{font-weight:600}.fin-seller-warning{align-items:center;gap:var(--space-1);color:var(--warning-600);font-size:var(--font-size-xs);margin-top:var(--space-1);font-weight:500;display:inline-flex}.fin-customer-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:20;max-height:200px;margin-top:var(--space-1);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.fin-customer-option{text-align:left;width:100%;padding:var(--space-3) var(--space-4);cursor:pointer;font-family:var(--font-family);border:none;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);background:0 0;display:block}.fin-customer-option:last-child{border-bottom:none}.fin-customer-option:hover{background:var(--primary-50)}.fin-line-item-row{gap:var(--space-2);margin-bottom:var(--space-2);align-items:center;display:flex}.fin-totals-box{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.fin-totals-row{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:space-between;display:flex}.fin-totals-total{padding-top:var(--space-2);border-top:2px solid var(--border-color);margin-top:var(--space-2);font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:0;font-weight:700}.ai-upsell-container{padding:var(--space-8) 0;justify-content:center;align-items:center;display:flex}.ai-upsell-card{text-align:center;max-width:440px;padding:var(--space-8) var(--space-6);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.ai-upsell-icon{border-radius:var(--radius-full);width:64px;height:64px;margin:0 auto var(--space-4);color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);justify-content:center;align-items:center;display:flex}.ai-upsell-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.ai-upsell-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.6}.ai-upsell-features{gap:var(--space-3);text-align:left;margin-bottom:var(--space-5);flex-direction:column;display:flex}.ai-upsell-feature{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);display:flex}.ai-upsell-feature svg{color:var(--success-500);flex-shrink:0}.ai-upsell-price{margin-bottom:var(--space-5)}.ai-upsell-amount{font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:800}.ai-upsell-period{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:2px}.ai-upsell-btn{width:100%;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);justify-content:center}.ai-scan-container{gap:var(--space-5);flex-direction:column;display:flex}.ai-drop-zone{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);border:2px dashed var(--border-color);border-radius:var(--radius-xl);background:var(--bg-primary);cursor:pointer;flex-direction:column;min-height:200px;transition:all .2s;display:flex}.ai-drop-zone:hover{border-color:var(--primary-400);background:var(--primary-50)}.ai-drop-zone.drag-over{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 4px var(--primary-100);transform:scale(1.01)}.ai-drop-zone.analyzing{cursor:default;border-color:var(--primary-300);background:linear-gradient(135deg, var(--primary-50), #f0e7ff)}.ai-drop-icon{border-radius:var(--radius-full);background:var(--gray-100);width:56px;height:56px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.ai-drop-zone:hover .ai-drop-icon{background:var(--primary-100);color:var(--primary-600)}.ai-drop-error{background:var(--error-50)!important;color:var(--error-500)!important}.ai-drop-title{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.ai-drop-subtitle{font-size:var(--font-size-sm);color:var(--text-muted)}.ai-analyzing{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.ai-analyzing-spinner{color:var(--primary-500)}.ai-spin{animation:1s linear infinite ai-spin}@keyframes ai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-progress-bar{background:var(--gray-200);width:200px;height:4px;margin-top:var(--space-2);border-radius:2px;overflow:hidden}.ai-progress-fill{background:linear-gradient(90deg, var(--primary-400), var(--primary-600));border-radius:2px;width:30%;height:100%;animation:2s ease-in-out infinite ai-progress}@keyframes ai-progress{0%{width:10%;margin-left:0}50%{width:60%;margin-left:20%}to{width:10%;margin-left:90%}}.ai-result-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:.3s ease-out ai-fadeInUp;overflow:hidden}@keyframes ai-fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ai-result-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);background:var(--gray-50)}.ai-result-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-badge{border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-secondary);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ai-badge-success{background:var(--success-50);color:var(--success-700)}.ai-badge-info{background:var(--primary-50);color:var(--primary-700)}.ai-result-body{padding:var(--space-4) var(--space-5)}.ai-result-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.ai-result-row:last-child{border-bottom:none}.ai-result-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.ai-result-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.ai-result-amount{font-size:var(--font-size-base);color:var(--primary-600);font-weight:700}.ai-result-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color);background:var(--gray-50);display:flex}.ai-recent{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.ai-recent-header{padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);font-weight:600}.ai-recent-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm);display:flex}.ai-recent-row:last-child{border-bottom:none}.ai-recent-vendor{color:var(--text-primary);flex:1;font-weight:500}.ai-recent-amount{color:var(--text-primary);white-space:nowrap;font-weight:600}.ai-recent-time{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.fin-payment-type-group{gap:var(--space-2);flex-direction:column;display:flex}.fin-payment-type-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-primary);transition:all .15s;display:flex}.fin-payment-type-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.fin-payment-type-option.active{border-color:var(--primary-500);background:var(--primary-50)}.fin-radio-dot{border:2px solid var(--gray-300);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s;position:relative}.fin-radio-dot.on{border-color:var(--primary-500)}.fin-radio-dot.on:after{content:"";background:var(--primary-500);border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.fin-payment-type-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.rpt-hub{gap:var(--space-6);flex-direction:column;display:flex}.rpt-category{margin-bottom:var(--space-2)}.rpt-category-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);font-weight:700;display:flex}.rpt-category-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rpt-list{gap:var(--space-2);flex-direction:column;display:flex}.rpt-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.rpt-item:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:0 4px 20px #6366f11a,0 1px 4px #0000000a}.rpt-item-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #00000026}.rpt-item-info{flex:1;min-width:0}.rpt-item-name{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px}.rpt-item-desc{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rpt-item-arrow{color:var(--text-muted);flex-shrink:0;transition:all .25s}.rpt-item:hover .rpt-item-arrow{color:var(--primary-500);transform:translate(4px)}.rpt-item-coming{opacity:.5;cursor:default;pointer-events:none}.rpt-coming-badge{text-transform:uppercase;border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-muted);letter-spacing:.04em;padding:3px 10px;font-size:10px;font-weight:700}.rpt-detail{animation:.3s rptFadeIn}.rpt-back{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;padding:var(--space-2) 0;margin-bottom:var(--space-3);background:0 0;border:none;font-weight:500;transition:all .2s;display:inline-flex}.rpt-back:hover{color:var(--primary-500);gap:var(--space-3)}.rpt-detail-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.rpt-detail-title{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.rpt-detail-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.rpt-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.rpt-date-picker{align-items:center;gap:var(--space-2);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);display:flex}.rpt-date-picker input[type=date]{font-size:var(--font-size-sm);color:var(--text-primary);background:0 0;border:none;outline:none;padding:2px 4px}.rpt-date-picker span{font-size:var(--font-size-xs);color:var(--text-muted)}.rpt-preset-btns{gap:4px;display:flex}.rpt-preset-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s}.rpt-preset-btn:hover{border-color:var(--primary-300);color:var(--primary-500)}.rpt-preset-btn.active{background:var(--primary-50);border-color:var(--primary-400);color:var(--primary-600);box-shadow:0 0 0 1px var(--primary-200);font-weight:600}.rpt-export-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s;display:inline-flex}.rpt-export-btn:hover{border-color:var(--primary-300);color:var(--primary-500);background:var(--primary-50)}.rpt-kpi-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.rpt-kpi{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-5) var(--space-5) var(--space-4);border-radius:16px;transition:all .25s;position:relative;overflow:hidden}.rpt-kpi:hover{border-color:var(--primary-200);transform:translateY(-1px);box-shadow:0 4px 24px #6366f114}.rpt-kpi-label{color:var(--text-secondary);margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);letter-spacing:.01em;font-size:12px;font-weight:500;display:flex}.rpt-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1}.rpt-kpi-sub{color:var(--text-muted);margin-top:6px;font-size:11px;line-height:1.4}.rpt-chart-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:var(--space-6);margin-bottom:var(--space-6);border-radius:16px;transition:box-shadow .25s}.rpt-chart-card:hover{box-shadow:0 2px 16px #0000000a}.rpt-chart-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-5);font-weight:600}.rpt-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f19eb!important;border:1px solid #ffffff1a!important;border-radius:12px!important;padding:12px 16px!important;box-shadow:0 8px 32px #0000004d!important}.rpt-tooltip-label{color:#fff9;letter-spacing:.02em;margin-bottom:8px;font-size:11px;font-weight:500}.rpt-tooltip-row{align-items:center;gap:8px;padding:3px 0;display:flex}.rpt-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.rpt-tooltip-name{color:#ffffffb3;flex:1;font-size:12px}.rpt-tooltip-value{color:#fff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.rpt-legend{justify-content:center;align-items:center;gap:20px;padding-top:12px;display:flex}.rpt-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.rpt-legend-dot{border-radius:3px;width:10px;height:10px}.rpt-table-card{background:var(--bg-primary);border:1px solid var(--border-color);margin-bottom:var(--space-6);border-radius:16px;overflow:hidden}.rpt-table-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.rpt-table-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.rpt-table-count{font-size:var(--font-size-xs);color:var(--text-muted)}.rpt-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.rpt-table thead{background:var(--gray-50)}.rpt-table th{padding:10px var(--space-4);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600}.rpt-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.rpt-table tbody tr{transition:background .15s}.rpt-table tbody tr:hover{background:var(--gray-50)}.rpt-table tbody tr:last-child td{border-bottom:none}.rpt-status{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.rpt-status-completed{color:#166534;background:#dcfce7}.rpt-status-confirmed{color:#1d4ed8;background:#dbeafe}.rpt-status-cancelled{color:#991b1b;background:#fee2e2}.rpt-status-no_show{color:#92400e;background:#fef3c7}.rpt-status-pending{background:var(--gray-100);color:var(--text-secondary)}.rpt-two-col{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.rpt-donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rpt-donut-center-value{color:var(--text-primary);font-size:1.5rem;font-weight:800}.rpt-donut-center-label{color:var(--text-muted);font-size:11px}.rpt-empty{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.rpt-empty-icon{width:48px;height:48px;margin:0 auto var(--space-4);opacity:.25}.rpt-empty-title{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600}.rpt-empty-desc{font-size:var(--font-size-sm);max-width:400px;margin:0 auto}.rpt-loading{padding:var(--space-16);color:var(--text-secondary);font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--space-3);display:flex}.rpt-loading:before{content:"";border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite rptSpin}@media (width<=768px){.rpt-kpi-grid{grid-template-columns:repeat(2,1fr)}.rpt-detail-header{flex-direction:column;align-items:flex-start}.rpt-toolbar{flex-direction:column;align-items:stretch}.rpt-preset-btns{overflow-x:auto}.rpt-two-col{grid-template-columns:1fr}.rpt-kpi-value{font-size:1.4rem}}@keyframes rptFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rptSpin{to{transform:rotate(360deg)}}.clients-page{padding:var(--space-8);animation:.3s ease-out fadeIn}.clients-header{margin-bottom:var(--space-6)}.clients-header-top{align-items:center;gap:var(--space-4);display:flex}.clients-header-top h1{font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.clients-header-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.clients-count-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--primary-100);font-weight:600;display:inline-flex}.clients-toolbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.clients-search{flex:1;min-width:240px;max-width:400px;position:relative}.clients-search svg{left:var(--space-4);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.clients-search input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 44px;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.clients-search input:hover{border-color:var(--gray-300)}.clients-search input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.clients-search input::placeholder{color:var(--text-muted)}.clients-filters{gap:var(--space-1);background:var(--gray-100);border-radius:var(--radius-lg);padding:3px;display:flex}.clients-filter-tab{padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:500}.clients-filter-tab:hover{color:var(--text-primary)}.clients-filter-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.clients-sort{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.clients-sort select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none}.clients-list-pane{transition:all var(--transition-slow)}.clients-sidebar-overlay{z-index:1000;background:#00000014;animation:.2s ease-out fadeIn;position:fixed;inset:0}.clients-sidebar{background:var(--bg-primary);z-index:1001;flex-direction:column;width:480px;max-width:100vw;animation:.25s ease-out clientsSidebarSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0000001f}@keyframes clientsSidebarSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.clients-sidebar-content{padding:var(--space-6);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.clients-sidebar-close-external{top:var(--space-4);left:calc(-40px - var(--space-3));z-index:1002;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;animation:.2s ease-out calPopupIn;display:flex;position:absolute;box-shadow:0 4px 16px #00000026}.clients-sidebar-close-external:hover{background:var(--gray-100);color:var(--text-primary)}.clients-table tbody tr.selected{background:var(--primary-50);border-left:3px solid var(--primary-500)}.clients-table tbody tr.selected td:first-child{padding-left:calc(var(--space-5) - 3px)}.clients-table-wrap{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.clients-table{border-collapse:collapse;width:100%}.clients-table th{text-align:left;padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--gray-50);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);font-weight:600}.clients-table th:hover{color:var(--text-primary)}.clients-table th.sorted{color:var(--primary-600)}.clients-table th .sort-icon{margin-left:var(--space-1);opacity:.5;font-size:10px;display:inline-block}.clients-table th.sorted .sort-icon{opacity:1}.clients-table td{padding:var(--space-4) var(--space-5);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.clients-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.clients-table tbody tr:hover{background:var(--primary-50)}.clients-table tbody tr:last-child td{border-bottom:none}.client-name-cell{align-items:center;gap:var(--space-3);display:flex}.client-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;width:36px;height:36px;font-weight:600;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-name-info{flex-direction:column;display:flex}.client-name-text{color:var(--text-primary);font-weight:600;line-height:1.3}.client-contact-text{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.3}.client-spend{color:var(--text-primary);font-weight:600}.client-visits{font-weight:500}.client-cancel-pct{font-weight:500;font-size:var(--font-size-xs);color:var(--text-secondary)}.client-cancel-pct.high{color:var(--error-600);font-weight:600}.client-status-active{font-size:var(--font-size-xs);color:var(--success-600);align-items:center;gap:4px;font-weight:600;display:inline-flex}.client-status-active:before{content:"";background:var(--success-500);border-radius:50%;width:6px;height:6px}.client-status-inactive{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:4px;font-weight:600;display:inline-flex}.client-status-inactive:before{content:"";background:var(--gray-300);border-radius:50%;width:6px;height:6px}.client-detail-header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-5);display:flex}.client-detail-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;width:56px;height:56px;font-weight:700;font-size:var(--font-size-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-detail-info h2{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:2px;font-weight:700}.client-detail-info p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.client-detail-info p svg{vertical-align:-2px;width:14px;height:14px;color:var(--text-muted);margin-right:4px}.client-detail-member-since{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-1)}.client-stats-grid{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.client-stat-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-fast)}.client-stat-card:hover{border-color:var(--primary-200);background:var(--primary-50)}.client-stat-card.warning{border-color:var(--warning-500);background:var(--warning-50)}.client-stat-card.danger{border-color:var(--error-500);background:var(--error-50)}.client-stat-value{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-1);word-break:break-word;font-weight:700;line-height:1.2}.client-stat-card.warning .client-stat-value{color:var(--warning-600)}.client-stat-card.danger .client-stat-value{color:var(--error-600)}.client-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.client-detail-section{margin-bottom:var(--space-6)}.client-detail-section-title{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.client-detail-section-title svg{width:16px;height:16px;color:var(--text-muted)}.client-info-list{gap:var(--space-3);flex-direction:column;display:flex}.client-info-row{padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.client-info-row-label{color:var(--text-secondary);align-items:center;gap:var(--space-2);font-weight:500;display:flex}.client-info-row-label svg{width:14px;height:14px;color:var(--text-muted)}.client-info-row-value{color:var(--text-primary);font-weight:600}.client-bookings-timeline{gap:var(--space-2);flex-direction:column;display:flex}.client-booking-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);border-left:3px solid var(--primary-400);transition:all var(--transition-fast);display:flex}.client-booking-item:hover{background:var(--primary-50)}.client-booking-item.completed{border-left-color:var(--success-500)}.client-booking-item.cancelled{border-left-color:var(--error-400);opacity:.7}.client-booking-item.no_show{border-left-color:var(--warning-500);opacity:.7}.client-booking-date{font-size:var(--font-size-xs);color:var(--text-muted);min-width:80px}.client-booking-info{font-size:var(--font-size-sm);color:var(--text-primary);flex:1;font-weight:500}.client-booking-status{font-size:var(--font-size-xs);font-weight:600}.clients-empty{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.clients-empty svg{width:64px;height:64px;color:var(--gray-300);margin-bottom:var(--space-4)}.clients-empty h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.clients-empty p{font-size:var(--font-size-sm);color:var(--text-secondary)}.clients-skeleton-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);display:flex}.clients-skeleton-avatar{border-radius:50%;width:36px;height:36px}.clients-skeleton-text{border-radius:4px;height:14px}.clients-skeleton-text.w-120{width:120px}.clients-skeleton-text.w-80{width:80px}.clients-skeleton-text.w-60{width:60px}@media (width<=1024px){.clients-sidebar{width:100vw}.clients-sidebar-close-external{display:none}}@media (width<=768px){.clients-page{padding:var(--space-4)}.clients-header{flex-direction:column}.clients-toolbar{flex-direction:column;align-items:stretch}.clients-search{max-width:none}.clients-sort{margin-left:0}.clients-table th:nth-child(n+4),.clients-table td:nth-child(n+4){display:none}.client-stats-grid{grid-template-columns:repeat(2,1fr)}}.booking-page{--bp-accent:#111;--bp-accent-50:#00000008;--bp-accent-100:#0000000f;--bp-accent-200:#0000001f;--bp-accent-300:#0003;--bp-accent-400:#00000059;--bp-accent-500:#222;--bp-accent-600:#111;--bp-accent-700:#000;--bp-accent-glow:#00000014;--bp-accent-shadow:#00000026;--bp-accent-gradient:linear-gradient(135deg, #333, #111);min-height:100vh;font-family:var(--font-family);background:#f8f9fb;flex-direction:column;display:flex;overflow-x:hidden}.booking-page[data-theme=purple]{--bp-accent:#6366f1;--bp-accent-50:var(--bp-accent-50);--bp-accent-100:var(--bp-accent-glow);--bp-accent-200:var(--bp-accent-glow);--bp-accent-300:var(--bp-accent-shadow);--bp-accent-400:#818cf8;--bp-accent-500:#6366f1;--bp-accent-600:#4f46e5;--bp-accent-700:#4338ca;--bp-accent-glow:var(--bp-accent-glow);--bp-accent-shadow:var(--bp-accent-shadow);--bp-accent-gradient:linear-gradient(135deg, #6366f1, #4f46e5)}.booking-page[data-theme=blue]{--bp-accent:#3b82f6;--bp-accent-50:#3b82f60a;--bp-accent-100:#3b82f614;--bp-accent-200:#3b82f626;--bp-accent-300:#3b82f64d;--bp-accent-400:#60a5fa;--bp-accent-500:#3b82f6;--bp-accent-600:#2563eb;--bp-accent-700:#1d4ed8;--bp-accent-glow:#3b82f626;--bp-accent-shadow:#2563eb40;--bp-accent-gradient:linear-gradient(135deg, #3b82f6, #2563eb)}.booking-page[data-theme=green]{--bp-accent:#10b981;--bp-accent-50:#10b9810a;--bp-accent-100:#10b98114;--bp-accent-200:#10b98126;--bp-accent-300:#10b9814d;--bp-accent-400:#34d399;--bp-accent-500:#10b981;--bp-accent-600:#059669;--bp-accent-700:#047857;--bp-accent-glow:#10b98126;--bp-accent-shadow:#05966940;--bp-accent-gradient:linear-gradient(135deg, #10b981, #059669)}.booking-page[data-theme=rose]{--bp-accent:#f43f5e;--bp-accent-50:#f43f5e0a;--bp-accent-100:#f43f5e14;--bp-accent-200:#f43f5e26;--bp-accent-300:#f43f5e4d;--bp-accent-400:#fb7185;--bp-accent-500:#f43f5e;--bp-accent-600:#e11d48;--bp-accent-700:#be123c;--bp-accent-glow:#f43f5e26;--bp-accent-shadow:#e11d4840;--bp-accent-gradient:linear-gradient(135deg, #f43f5e, #e11d48)}.booking-page .btn-primary{background:var(--bp-accent-gradient);box-shadow:0 1px 3px var(--bp-accent-shadow)}.booking-page .btn-primary:hover{box-shadow:0 4px 12px var(--bp-accent-shadow)}.booking-page .form-input:focus,.booking-page .bp-phone-prefix-wrap:focus-within{border-color:var(--bp-accent-500);box-shadow:0 0 0 3px var(--bp-accent-glow)}.booking-header-wrap{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffffff7;position:sticky;top:0}.booking-header{max-width:640px;padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.bp-back-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:var(--text-primary);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bp-back-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.booking-salon-logo{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--bp-accent-500), var(--bp-accent-700));color:#fff;width:40px;height:40px;font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.booking-salon-logo-img{border-radius:var(--radius-lg);object-fit:contain;flex-shrink:0;width:auto;max-width:120px;height:auto;max-height:40px}.booking-salon-info{flex:1;min-width:0}.booking-salon-info h1{font-size:var(--font-size-base);color:var(--text-primary);font-weight:700;line-height:1.3}.bp-header-address{font-size:var(--font-size-xs);color:var(--text-secondary);transition:color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:100%;margin-top:1px;text-decoration:none;display:inline-flex;overflow:hidden}.bp-header-address:hover{color:var(--bp-accent-600)}.bp-header-chevron{border-radius:var(--radius-full);width:32px;height:32px;color:var(--gray-400);flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.bp-header-chevron:hover{color:var(--bp-accent-500);background:var(--gray-50)}.bp-header-chevron.expanded{color:var(--bp-accent-600);transform:rotate(180deg)}.bp-header-panel{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.bp-header-panel.open{max-height:400px}.bp-header-panel-inner{max-width:640px;padding:0 var(--space-5) var(--space-4);gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.bp-header-detail{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.bp-header-detail svg{color:var(--gray-400);flex-shrink:0}.bp-header-detail a{color:var(--bp-accent-600);font-weight:500;text-decoration:none}.bp-header-detail a:hover{text-decoration:underline}.bp-header-hours{margin-top:var(--space-1)}.bp-header-hours-label{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600;display:flex}.bp-header-hours-label svg{color:var(--gray-400)}.bp-header-hours-grid{flex-direction:column;gap:2px;padding-left:22px;display:flex}.bp-header-hours-row{font-size:var(--font-size-xs);justify-content:space-between;padding:2px 0;display:flex}.bp-hour-day{color:var(--text-secondary);min-width:80px;font-weight:500}.bp-hour-time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.bp-hour-time.closed{color:var(--gray-400);font-weight:500}.bp-powered-by{text-align:center;padding:var(--space-4) var(--space-4);color:var(--gray-400);letter-spacing:.02em;justify-content:center;align-items:center;gap:4px;margin-top:auto;font-size:11px;display:flex}.bp-powered-logo{vertical-align:middle;opacity:.6;width:auto;height:14px;display:inline-block}.booking-container{max-width:640px;padding:var(--space-5) var(--space-5);box-sizing:border-box;flex:1;width:100%;margin:0 auto;padding-bottom:100px}.booking-progress{margin-bottom:var(--space-8);padding:var(--space-3) 0;justify-content:center;align-items:center;gap:0;display:flex}.progress-step{align-items:center;display:flex}.progress-dot{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.progress-dot.active{background:var(--bp-accent-600);color:#fff;box-shadow:0 0 0 4px var(--bp-accent-glow)}.progress-dot.completed{background:var(--success-500);color:#fff}.progress-dot.inactive{background:var(--gray-100);color:var(--gray-400)}.progress-line{background:var(--gray-200);border-radius:1px;flex-shrink:0;width:24px;height:2px}.progress-line.completed{background:var(--success-500)}.booking-step{animation:.35s ease-out fadeIn}.booking-step h2{font-size:var(--font-size-xl);margin-bottom:var(--space-1);color:var(--text-primary);font-weight:700}.booking-step>p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-5)}.bp-categories-grid{gap:var(--space-3);flex-direction:column;display:flex}.bp-category-card{align-items:center;gap:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);cursor:pointer;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000a}.bp-category-card:hover{border-color:var(--bp-accent-300);box-shadow:0 4px 16px var(--bp-accent-glow);transform:translateY(-2px)}.bp-category-card:active{transform:translateY(0)}.bp-category-image-wrap{border-radius:var(--radius-lg);flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 2px 8px #00000014}.bp-category-image{object-fit:cover;width:100%;height:100%;display:block}.bp-category-info{flex:1}.bp-category-info h3{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px;font-weight:700}.bp-category-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.4}.bp-category-arrow{color:var(--gray-400);transition:transform var(--transition-fast);flex-shrink:0}.bp-category-card:hover .bp-category-arrow{color:var(--bp-accent-500);transform:translate(2px)}.bp-selected-category{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bp-accent-50);border:1px solid var(--bp-accent-100);border-radius:var(--radius-lg);margin-bottom:var(--space-5);display:flex}.bp-selected-category img{border-radius:var(--radius-md);object-fit:cover;width:44px;height:44px}.bp-selected-category h3{font-size:var(--font-size-sm);color:var(--bp-accent-700);font-weight:700}.bp-selected-category p{font-size:var(--font-size-xs);color:var(--bp-accent-500);margin:0!important}.bp-selected-category .bp-change-cat{font-size:var(--font-size-xs);color:var(--bp-accent-600);border:1px solid var(--bp-accent-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#fff;margin-left:auto;padding:4px 12px;font-weight:600}.bp-selected-category .bp-change-cat:hover{background:var(--bp-accent-100)}.bp-age-hint{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);margin-top:calc(var(--space-3) * -1);margin-bottom:var(--space-4);text-align:center;padding:8px 14px;line-height:1.4}.bp-service-search{align-items:center;gap:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);transition:border-color var(--transition-fast);background:#fff;display:flex}.bp-service-search:focus-within{border-color:var(--bp-accent-400);box-shadow:0 0 0 3px var(--bp-accent-glow)}.bp-service-search svg{color:var(--gray-400);flex-shrink:0}.bp-service-search input{color:var(--text-primary);font-size:16px;font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.bp-service-search input::placeholder{color:var(--gray-400);font-family:var(--font-family)}.bp-search-clear{background:var(--gray-200);border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;color:var(--gray-600);border:none;justify-content:center;align-items:center;display:flex}.service-option{padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;margin-bottom:var(--space-3);background:#fff;justify-content:space-between;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.service-option:hover{border-color:var(--bp-accent-300);background:var(--bp-accent-50);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.service-option.selected{border-color:var(--bp-accent-500);background:var(--bp-accent-50);box-shadow:0 0 0 3px var(--bp-accent-glow)}.service-option-info{flex:1;min-width:0}.service-option-info h3{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600}.service-option-desc{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-1);line-height:1.3;display:block}.service-option-meta{font-size:var(--font-size-xs);color:var(--gray-400);align-items:center;gap:4px;margin-top:2px;display:flex}.service-option-meta svg{flex-shrink:0;width:12px;height:12px;display:block;transform:translateY(-.5px)}.service-option-right{align-items:center;gap:var(--space-3);margin-left:var(--space-3);flex-direction:row;flex-shrink:0;display:flex}.service-option-price{font-size:var(--font-size-lg);color:var(--bp-accent-600);white-space:nowrap;font-weight:700}.service-option-check{border-radius:var(--radius-full);border:1.5px solid var(--gray-200);background:#fff;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.service-option-check.checked{background:var(--bp-accent-500);border-color:var(--bp-accent-500);color:#fff;transform:scale(1.1)}.service-option:hover .service-option-check:not(.checked){border-color:var(--bp-accent-300)}.bp-empty-services{text-align:center;padding:var(--space-8);color:var(--text-secondary)}.staff-option{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;margin-bottom:var(--space-3);box-sizing:border-box;background:#fff;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.staff-option:hover{border-color:var(--bp-accent-300);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.staff-option.selected{border-color:var(--bp-accent-500);background:var(--bp-accent-50);box-shadow:0 0 0 3px var(--bp-accent-glow)}.staff-avatar{border-radius:var(--radius-full);background:var(--bp-accent-gradient);color:#fff;width:52px;height:52px;font-weight:700;font-size:var(--font-size-lg);box-shadow:0 2px 8px var(--bp-accent-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.staff-avatar-any{background:linear-gradient(135deg, var(--bp-accent-50), var(--bp-accent-100));color:var(--bp-accent-500);box-shadow:0 1px 4px var(--bp-accent-glow)}.staff-avatar-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--bp-accent-glow);width:52px;height:52px}.staff-option-info h3{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.staff-option-info p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:2px 0 0}.bp-date-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.bp-date-header h2{font-size:var(--font-size-xl);margin-bottom:var(--space-1);color:var(--text-primary);font-weight:700}.bp-date-header>div>p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.bp-calendar-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--bp-accent-600);cursor:pointer;white-space:nowrap;background:#fff;flex-shrink:0;align-items:center;gap:6px;margin-top:2px;padding:8px 14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.bp-calendar-btn:hover{border-color:var(--bp-accent-300);background:var(--bp-accent-50);box-shadow:0 2px 8px var(--bp-accent-glow)}.bp-calendar-btn.active{border-color:var(--bp-accent-400);background:var(--bp-accent-50);box-shadow:0 0 0 3px var(--bp-accent-glow)}.bp-calendar-dropdown{opacity:0;grid-template-rows:0fr;margin-bottom:0;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1),opacity .25s,margin .3s;display:grid}.bp-calendar-dropdown>.bp-calendar-inner{overflow:hidden}.bp-calendar-dropdown.open{opacity:1;margin-bottom:var(--space-4);grid-template-rows:1fr}.bp-calendar-inner{border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);background:#fff;box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.bp-calendar-header{margin-bottom:var(--space-3);padding:0 var(--space-1);justify-content:space-between;align-items:center;display:flex}.bp-calendar-month-label{font-size:var(--font-size-base);color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.bp-calendar-nav-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;width:34px;height:34px;color:var(--gray-500);background:#fff;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.bp-calendar-nav-btn:hover{border-color:var(--bp-accent-300);color:var(--bp-accent-600);background:var(--bp-accent-50)}.bp-calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.bp-calendar-weekday{text-align:center;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.bp-calendar-day{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:40px;padding:2px;font-family:inherit;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bp-calendar-day-num{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;line-height:1}.bp-calendar-day:hover:not(:disabled){background:var(--gray-50)}.bp-calendar-day:active:not(:disabled){transform:scale(.92)}.bp-calendar-day.today .bp-calendar-day-num{color:var(--bp-accent-600);font-weight:800}.bp-calendar-day.today:before{content:"";border:2px solid var(--bp-accent-200);border-radius:var(--radius-lg);pointer-events:none;position:absolute;inset:3px}.bp-calendar-day.selected{background:var(--bp-accent-600);box-shadow:0 2px 8px var(--bp-accent-shadow)}.bp-calendar-day.selected .bp-calendar-day-num{color:#fff}.bp-calendar-day.selected .bp-calendar-dot{background:#fffc}.bp-calendar-day.selected:before{display:none}.bp-calendar-day.past{cursor:default}.bp-calendar-day.past .bp-calendar-day-num{color:var(--gray-300)}.bp-calendar-day.other-month{cursor:default}.bp-calendar-day.other-month .bp-calendar-day-num{color:var(--gray-200)}.bp-calendar-dot{border-radius:var(--radius-full);background:var(--success-500);flex-shrink:0;width:5px;height:5px}.bp-calendar-day.has-slots:not(.selected):hover{background:#10b9810f}.bp-calendar-loading{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.bp-date-option-dot{border-radius:var(--radius-full);background:var(--success-500);flex-shrink:0;width:5px;height:5px;margin-top:2px}.date-option.selected .bp-date-option-dot{background:#fffc}.bp-date-scroll-wrap{justify-content:center;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);display:flex}.bp-date-arrow{border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--gray-500);background:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.bp-date-arrow:hover{border-color:var(--bp-accent-300);color:var(--bp-accent-600);background:var(--bp-accent-50)}@media (width<=480px){.bp-date-arrow{display:none}}.date-picker-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:1;min-width:0;margin:0;padding:0;overflow-x:auto}.date-picker-scroll::-webkit-scrollbar{display:none}.date-picker-row{gap:var(--space-2);padding:var(--space-2) 0;margin-bottom:var(--space-5);display:flex}.bp-date-month-label{font-size:var(--font-size-sm);color:var(--text-primary);text-transform:capitalize;margin-bottom:var(--space-2);padding-left:var(--space-1);font-weight:700}.date-option{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;width:56px;height:56px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.date-option:hover{border-color:var(--bp-accent-300);background:var(--bp-accent-50)}.date-option.selected{border-color:var(--bp-accent-500);background:var(--bp-accent-600);color:#fff;box-shadow:0 4px 12px var(--bp-accent-shadow)}.date-option .day-name{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:9px;font-weight:600;line-height:1}.date-option .day-num{font-size:var(--font-size-lg);font-weight:800;line-height:1}.date-option .day-month{display:none}.date-option.selected .day-name,.date-option.selected .day-num{color:#fff}.bp-slots-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-3);font-weight:600}.bp-no-slots{text-align:center;padding:var(--space-10);color:var(--text-secondary)}.bp-no-slots svg{color:var(--gray-300);margin-bottom:var(--space-3)}.bp-no-slots p{font-size:var(--font-size-sm);margin:0}.time-slots-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(90px,1fr));display:grid}.time-slot{padding:var(--space-3);text-align:center;border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);background:#fff;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.time-slot:hover{border-color:var(--bp-accent-300);background:var(--bp-accent-50)}.time-slot.selected{border-color:var(--bp-accent-500);background:var(--bp-accent-600);color:#fff;box-shadow:0 4px 12px var(--bp-accent-shadow)}.bp-product-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.bp-product-card{border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;background:#fff;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.bp-product-card:hover{border-color:var(--bp-accent-300);box-shadow:0 4px 16px var(--bp-accent-glow);transform:translateY(-2px)}.bp-product-card.in-cart{border-color:var(--bp-accent-400);background:var(--bp-accent-50);box-shadow:0 0 0 3px var(--bp-accent-glow)}.bp-product-card-image{background:var(--gray-50);width:100%;height:140px;overflow:hidden}.bp-product-card-image img{object-fit:cover;width:100%;height:100%;display:block}.bp-product-card-body{padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.bp-product-card-info{margin-bottom:var(--space-2);flex:1}.bp-product-card-footer{justify-content:space-between;align-items:center;display:flex}.bp-product-card-add-hint{font-size:var(--font-size-xs);color:var(--bp-accent-600);opacity:.7;transition:opacity var(--transition-fast);align-items:center;gap:4px;font-weight:600;display:inline-flex}.bp-product-card:hover .bp-product-card-add-hint,.bp-upsell-card-v2:hover .bp-product-card-add-hint{opacity:1}.bp-upsell-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.bp-upsell-card{border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);background:#fff;transition:all .2s}.bp-upsell-card.in-cart{border-color:var(--bp-accent-400);background:var(--bp-accent-50)}.bp-upsell-top{margin-bottom:var(--space-3)}.bp-upsell-brand{text-transform:uppercase;letter-spacing:.06em;color:var(--bp-accent-500);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.bp-upsell-name{font-weight:700;font-size:var(--font-size-sm);margin-bottom:var(--space-1);display:block}.bp-upsell-price{color:var(--text-primary);font-weight:700;display:block}.bp-upsell-qty{align-items:center;gap:var(--space-3);display:flex}.bp-upsell-qty span{text-align:center;min-width:20px;font-weight:700}.bp-upsell-add{align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--bp-accent-600);background:var(--bp-accent-50);border:1px solid var(--bp-accent-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);padding:6px 14px;font-weight:600;display:inline-flex}.bp-upsell-add:hover{background:var(--bp-accent-100)}.bp-card-ribbon{text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);border-bottom:1px solid var(--gray-200);padding:6px var(--space-4);background:#fff;font-size:10px;font-weight:700}.bp-upsell-loading{align-items:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-secondary);flex-direction:column;display:flex}.bp-upsell-loading p{font-size:var(--font-size-sm);margin:0}.bp-upsell-empty{text-align:center;padding:var(--space-10);color:var(--text-secondary)}.bp-upsell-empty svg{color:var(--gray-300);margin-bottom:var(--space-3)}.bp-upsell-empty p{font-size:var(--font-size-sm);margin:0 0 var(--space-1);color:var(--text-primary);font-weight:600}.bp-upsell-empty span{font-size:var(--font-size-xs);color:var(--text-secondary)}.bp-upsell-badge{border-radius:var(--radius-full);margin-bottom:var(--space-4);font-size:var(--font-size-xs);color:#c2410c;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #fed7aa;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.bp-upsell-badge svg{color:#ea580c}.bp-upsell-curated{gap:var(--space-3);flex-direction:column;display:flex}.bp-upsell-card-v2{gap:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;background:#fff;flex-wrap:wrap;padding-top:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bp-upsell-card-v2>.bp-card-ribbon{width:calc(100% + var(--space-4) * 2);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4))}.bp-upsell-card-v2:hover{border-color:var(--bp-accent-200);transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.bp-upsell-card-v2.in-cart{border-color:var(--bp-accent-400);background:var(--bp-accent-50);box-shadow:0 0 0 3px var(--bp-accent-glow)}.bp-upsell-image{border-radius:var(--radius-lg);background:var(--gray-50);flex-shrink:0;width:72px;height:72px;overflow:hidden}.bp-upsell-image img{object-fit:cover;width:100%;height:100%}.bp-upsell-content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.bp-upsell-desc{font-size:var(--font-size-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;line-height:1.4;display:-webkit-box;overflow:hidden}.bp-upsell-bottom{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.bp-cart-summary{margin-top:var(--space-5);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.bp-cart-summary-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:700}.bp-cart-summary-row{font-size:var(--font-size-sm);justify-content:space-between;padding:4px 0;display:flex}.bp-cart-row-price{font-weight:600}.booking-summary{border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-6);background:#fff}.booking-summary-item{padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);grid-template-columns:auto 1fr;align-items:center;display:grid}.booking-summary-item:last-child{border-bottom:none}.booking-summary-total{margin-top:var(--space-1);padding-top:var(--space-2)}.booking-summary-total .booking-summary-label{color:var(--text-primary);font-weight:700}.booking-summary-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.booking-summary-value{font-size:var(--font-size-sm);color:var(--text-primary);text-align:right;font-weight:600}.booking-total{font-size:var(--font-size-xl)!important;color:var(--bp-accent-600)!important;font-weight:800!important}.booking-summary-value-row{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.bp-edit-cart-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.bp-edit-cart-btn svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.bp-edit-cart-btn svg.rotated{transform:rotate(180deg)}.bp-edit-cart-btn:hover{color:var(--bp-accent-600);background:var(--bp-accent-50)}.bp-edit-cart-btn:active{transform:scale(.9)}.bp-confirm-form{gap:var(--space-4);flex-direction:column;display:flex}.bp-confirm-form .form-input{font-size:16px;font-family:var(--font-family)}.bp-confirm-form .form-input::placeholder{font-family:var(--font-family);font-variant-numeric:normal;letter-spacing:normal}.booking-success{text-align:center;padding:var(--space-6) var(--space-4);animation:.5s ease-out scaleIn}.booking-success-icon{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--success-50), #10b9811a);width:80px;height:80px;color:var(--success-500);margin:0 auto var(--space-5);justify-content:center;align-items:center;animation:.6s ease-out .2s both scaleIn;display:flex}.booking-success h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);font-weight:800}.success-subtitle{max-width:400px;font-size:var(--font-size-base)!important;color:var(--text-secondary)!important;margin:0 auto!important}.bp-payment-card{margin-top:var(--space-6);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);text-align:left;background:#fff;animation:.5s ease-out .3s both slideUpFade;position:relative;overflow:hidden}.bp-payment-card:before{content:"";background:linear-gradient(90deg, var(--bp-accent-400), var(--bp-accent-600), var(--bp-accent-700));height:3px;position:absolute;top:0;left:0;right:0}.bp-payment-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.bp-payment-icon-wrap{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--bp-accent-50), var(--bp-accent-glow));width:40px;height:40px;color:var(--bp-accent-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bp-payment-card-header h3{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-weight:700}.bp-payment-card-header p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:2px 0 0}.bp-payment-breakdown{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.bp-payment-row{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--text-primary);justify-content:space-between;align-items:center;display:flex}.bp-payment-row+.bp-payment-row{border-top:1px solid var(--gray-200)}.bp-payment-discount{color:var(--success-600);font-weight:600}.bp-payment-discount span{align-items:center;gap:4px;display:inline-flex}.bp-payment-total{font-weight:800;font-size:var(--font-size-base);color:var(--bp-accent-700)}.bp-savings-badge{align-items:center;gap:var(--space-1);color:var(--success-700);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);background:linear-gradient(135deg,#10b98114,#10b98126);border:1px solid #10b98133;font-weight:700;display:inline-flex}.bp-pay-now-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--bp-accent-gradient);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-base);cursor:pointer;box-shadow:0 4px 16px var(--bp-accent-shadow);letter-spacing:.01em;border:none;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.bp-pay-now-btn:hover{box-shadow:0 8px 24px var(--bp-accent-shadow);background:var(--bp-accent-gradient);transform:translateY(-2px)}.bp-pay-now-btn:active{box-shadow:0 2px 8px var(--bp-accent-shadow);transform:translateY(0)}.bp-payment-secured{text-align:center;font-size:var(--font-size-xs);color:var(--text-secondary);margin:var(--space-3) 0 0}.bp-success-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.bp-success-btn-secondary{flex:1;max-width:220px}.bp-success-btn-primary{justify-content:center;align-items:center;gap:var(--space-2);flex:1;max-width:260px;display:inline-flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.booking-nav{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.booking-floating-nav-wrap{z-index:200;padding:0 var(--space-4) var(--space-4);pointer-events:none;animation:.4s cubic-bezier(.16,1,.3,1) both floatNavSlideUp;position:fixed;bottom:0;left:0;right:0}@keyframes floatNavSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.booking-floating-nav{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:640px;padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--bp-accent-glow);pointer-events:all;background:#ffffffeb;border-radius:999px;margin:0 auto;display:flex;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 0 0 1px #fff9}.booking-float-btn{font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.booking-float-back{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.booking-float-back:hover{background:var(--gray-50);color:var(--text-primary);border-color:var(--gray-300)}.booking-float-next{background:var(--bp-accent-gradient);color:#fff;box-shadow:0 2px 12px var(--bp-accent-shadow)}.booking-float-next:hover{background:linear-gradient(135deg, var(--bp-accent-600), var(--bp-accent-700));box-shadow:0 4px 16px var(--bp-accent-shadow);transform:translateY(-1px)}.booking-float-next:active{transform:translateY(0)}.booking-float-next:disabled{background:var(--gray-200);color:var(--gray-400);box-shadow:none;cursor:not-allowed;transform:none}.bp-cart-badge{border:1.5px solid var(--bp-accent-500);background:var(--bp-accent-50);color:var(--bp-accent-600);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;box-shadow:0 1px 6px var(--bp-accent-glow);border-radius:999px;align-items:center;gap:6px;margin:0 auto;padding:8px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out .5s cartBadgePulse;display:inline-flex;position:relative}.bp-cart-badge:hover{background:var(--bp-accent-glow);box-shadow:0 2px 12px var(--bp-accent-shadow);transform:scale(1.06)}.bp-cart-badge:active{transform:scale(.96)}.bp-cart-badge.active{background:var(--bp-accent-glow);border-color:var(--bp-accent-600);box-shadow:0 1px 8px var(--bp-accent-glow)}.bp-cart-badge-count{font-variant-numeric:tabular-nums}@keyframes cartBadgePulse{0%,to{box-shadow:0 1px 6px var(--bp-accent-glow)}50%{box-shadow:0 0 0 6px var(--bp-accent-glow), 0 1px 6px var(--bp-accent-glow)}}.booking-float-center{justify-content:center;align-items:center;width:100%;display:flex}.bp-cart-popup{bottom:calc(100% + 10px);left:var(--space-1);right:var(--space-1);z-index:210;pointer-events:none;justify-content:center;animation:.3s cubic-bezier(.16,1,.3,1) both cartPopupIn;display:flex;position:absolute}.bp-cart-popup-card{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-xl);border:1px solid var(--bp-accent-glow);width:100%;max-width:480px;padding:var(--space-4) var(--space-4) var(--space-3);pointer-events:all;background:#fffffff7;box-shadow:0 12px 48px #0000001a,0 4px 16px #0000000d,inset 0 0 0 1px #ffffffb3}.bp-cart-popup-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.bp-cart-popup-title{font-size:var(--font-size-sm);color:var(--text-primary);letter-spacing:.01em;font-weight:700}.bp-cart-popup-collapse{border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;width:30px;height:30px;color:var(--gray-500);background:#fff;justify-content:center;align-items:center;transition:all .2s;display:flex}.bp-cart-popup-collapse:hover{background:var(--gray-50);color:var(--bp-accent-600);border-color:var(--bp-accent-200)}.bp-cart-popup-section{margin-bottom:var(--space-3)}.bp-cart-popup-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:var(--space-2);font-size:10px;font-weight:700;display:block}.bp-cart-popup-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:6px 0;display:flex}.bp-cart-popup-row+.bp-cart-popup-row{border-top:1px solid var(--gray-100)}.bp-cart-popup-row-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.bp-cart-popup-row-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.bp-cart-popup-row-meta{font-size:var(--font-size-xs);color:var(--gray-400)}.bp-cart-popup-row-price{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-weight:600}.bp-cart-popup-remove{border-radius:var(--radius-full);width:24px;height:24px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;transition:all .2s;display:flex}.bp-cart-popup-remove:hover{color:#ef4444;background:#ef444414}.bp-cart-popup-total{padding-top:var(--space-3);margin-top:var(--space-1);border-top:1.5px solid var(--gray-200);font-size:var(--font-size-sm);color:var(--text-primary);justify-content:space-between;align-items:center;font-weight:700;display:flex}.bp-cart-popup-total-price{color:var(--bp-accent-600);font-size:var(--font-size-base)}@keyframes cartPopupIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.booking-floating-nav-wrap{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}}.booking-skeleton-logo{border-radius:var(--radius-lg);flex-shrink:0;width:40px;height:40px}.booking-skeleton-name{border-radius:var(--radius-sm);width:120px;height:14px}.booking-skeleton-title{border-radius:var(--radius-md);width:160px;height:20px;margin-bottom:var(--space-2)}.booking-skeleton-subtitle{border-radius:var(--radius-sm);width:260px;height:12px;margin-bottom:var(--space-5)}.booking-skeleton-card{pointer-events:none;animation:.5s ease-out both skeletonCardIn}.booking-skeleton-card-title{border-radius:var(--radius-sm);width:60px;height:12px;margin-bottom:6px}.booking-skeleton-card-sub{border-radius:var(--radius-sm);width:140px;height:10px}.booking-skeleton-arrow{border-radius:var(--radius-full);flex-shrink:0;width:20px;height:20px}@keyframes skeletonCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@media (width>=481px){.progress-line{width:32px}}@media (width<=480px){.booking-container{padding:var(--space-4) var(--space-5)}.time-slots-grid{grid-template-columns:repeat(3,1fr)}.date-option{width:48px;height:48px}.bp-calendar-inner{padding:var(--space-3)}.bp-calendar-day{min-height:44px}.bp-calendar-day-num{font-size:13px}.bp-calendar-nav-btn{width:38px;height:38px}.bp-upsell-grid{grid-template-columns:1fr 1fr}.bp-product-grid{grid-template-columns:1fr}.bp-payment-card{padding:var(--space-4)}.bp-success-actions{flex-direction:column}.bp-success-btn-secondary,.bp-success-btn-primary{width:100%;max-width:100%}.bp-success-btn-primary{order:-1}.bp-otp-digits{gap:var(--space-2)}.bp-otp-digit{width:44px;height:52px;font-size:var(--font-size-xl)}}.bp-phone-input-wrap{width:100%;position:relative}.bp-phone-input-wrap .form-input{box-sizing:border-box;width:100%}.bp-phone-prefix-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:stretch;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.bp-phone-prefix-wrap:focus-within{border-color:var(--bp-accent-500);box-shadow:0 0 0 3px var(--bp-accent-glow)}.bp-phone-prefix{padding:0 var(--space-3);background:var(--gray-100);color:var(--text-secondary);font-size:16px;font-weight:600;font-family:var(--font-family);border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;display:flex}.bp-phone-prefixed{min-width:0;font-size:16px;font-family:var(--font-family);flex:1;box-shadow:none!important;border:none!important;border-radius:0!important}.bp-phone-prefixed::placeholder{font-family:var(--font-family);font-variant-numeric:normal;letter-spacing:normal}.bp-phone-checking{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.bp-returning-badge{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,#10b9810f,#10b9811f);border:1px solid #10b98140;animation:.3s ease-out slideUpFade;display:flex}.bp-returning-icon{border-radius:var(--radius-full);color:#059669;background:#10b98126;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bp-returning-badge strong{font-size:var(--font-size-sm);color:#065f46;margin-bottom:2px;display:block}.bp-returning-badge span{font-size:var(--font-size-xs);color:#047857;line-height:1.4;display:block}.bp-verify-toggle{gap:var(--space-2);display:flex}.bp-verify-toggle-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;background:#fff;flex:1;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.bp-verify-toggle-btn:hover{border-color:var(--bp-accent-300);color:var(--bp-accent-600);background:var(--bp-accent-50)}.bp-verify-toggle-btn.active{border-color:var(--bp-accent-500);background:var(--bp-accent-600);color:#fff;box-shadow:0 4px 12px var(--bp-accent-shadow)}.bp-otp-phase{animation:.3s ease-out fadeIn}.bp-otp-header{text-align:center;margin-bottom:var(--space-6)}.bp-otp-icon{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--bp-accent-50), var(--bp-accent-glow));width:56px;height:56px;color:var(--bp-accent-600);margin:0 auto var(--space-4);justify-content:center;align-items:center;animation:.4s ease-out scaleIn;display:flex}.bp-otp-header h3{font-size:var(--font-size-lg);margin:0 0 var(--space-1);font-weight:700}.bp-otp-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.bp-otp-digits{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.bp-otp-digit{text-align:center;width:52px;height:60px;font-size:var(--font-size-2xl);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);caret-color:var(--bp-accent-500);background:#fff;outline:none;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}.bp-otp-digit:focus{border-color:var(--bp-accent-500);box-shadow:0 0 0 3px var(--bp-accent-glow)}.bp-otp-digit.filled{border-color:var(--bp-accent-400);background:var(--bp-accent-50)}.bp-otp-digit.error{background:#ef44440a;border-color:#ef4444;animation:.4s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.bp-otp-error{text-align:center;color:#ef4444;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:#ef44440f;font-weight:600;animation:.2s ease-out fadeIn}.bp-otp-countdown{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-4);display:flex}.bp-otp-countdown strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.bp-otp-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.bp-otp-actions .btn{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.bp-profile-link{text-align:center;padding:var(--space-5) 0 var(--space-2);animation:.4s ease-out .3s both fadeIn}.bp-profile-link>p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-3);font-weight:500}.bp-profile-link-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;font-weight:600;transition:all .2s;display:inline-flex}.bp-profile-link-btn:hover{border-color:var(--bp-accent-300);color:var(--bp-accent-600);background:var(--bp-accent-50)}.bp-profile-login-inline{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-5) var(--space-6);margin-top:var(--space-4);background:#ffffffd9;animation:.3s both fadeSlideUp}.bp-profile-login-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:var(--space-3) 0 var(--space-1);font-weight:700}.bp-profile-login-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-5)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bp-profile-tabs{background:var(--gray-100);margin:var(--space-4) 0;border-radius:999px;gap:3px;padding:3px;display:flex}.bp-profile-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;font-weight:500;transition:all .2s;display:flex}.bp-profile-tab:hover{color:var(--text-primary)}.bp-profile-tab.active{color:var(--bp-accent);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.bp-profile-detail-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#ffffffd9;animation:.2s both fadeSlideUp;overflow:hidden}.bp-profile-detail-row{padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.bp-profile-detail-row+.bp-profile-detail-row{border-top:1px solid var(--border-color)}.bp-profile-detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.bp-profile-detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.bp-profile-back-link{color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-3);background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:500;transition:color .15s;display:inline-flex}.bp-profile-logout-link{margin:var(--space-4) auto 0;color:var(--text-tertiary,#aaa);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;gap:5px;font-weight:500;transition:color .15s;display:flex}.bp-profile-logout-link:hover{color:var(--danger,#e53e3e)}.bp-sheet-close-x{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--gray-100);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:2;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute}.bp-sheet-close-x:hover{background:var(--gray-200);color:var(--text-primary)}.bp-sheet-close-x:active{transform:scale(.9)}.bp-profile-back-link{padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--space-4);background:0 0;border:none;align-items:center;gap:6px;font-weight:600;transition:color .2s;display:inline-flex}.bp-profile-back-link:hover{color:var(--bp-accent-600)}.bp-profile-login-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-5);text-align:center;background:#fff;animation:.3s ease-out fadeIn}.bp-profile-login-icon{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--bp-accent-50), var(--bp-accent-glow));width:64px;height:64px;color:var(--bp-accent-600);margin:0 auto var(--space-4);justify-content:center;align-items:center;animation:.4s ease-out scaleIn;display:flex}.bp-profile-login-card h2{font-size:var(--font-size-lg);margin:0 0 var(--space-2);font-weight:700}.bp-profile-login-card>p{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:320px;margin:0 auto;line-height:1.5}.bp-profile-info-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg, var(--bp-accent-50), var(--bp-accent-50));border:1px solid var(--bp-accent-glow);border-radius:var(--radius-xl);margin-bottom:var(--space-5);animation:.3s ease-out fadeIn;display:flex}.bp-profile-avatar{border-radius:var(--radius-full);background:var(--bp-accent-500);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.bp-profile-info-details{flex:1;min-width:0}.bp-profile-info-details h3{font-size:var(--font-size-base);margin:0 0 var(--space-1);color:var(--text-primary);font-weight:700}.bp-profile-info-row{font-size:var(--font-size-xs);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.bp-profile-info-row+.bp-profile-info-row{margin-top:2px}.bp-profile-logout{color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-lg);background:0 0;border:none;transition:all .2s}.bp-profile-logout:hover{color:#ef4444;background:#ef44440f}.bp-profile-section-title{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.bp-profile-empty{text-align:center;padding:var(--space-6) var(--space-4);color:var(--text-secondary)}.bp-profile-empty svg{opacity:.3;margin-bottom:var(--space-2)}.bp-profile-empty p{font-size:var(--font-size-sm);margin:0}.bp-profile-booking-list{gap:var(--space-3);flex-direction:column;display:flex}.bp-profile-booking-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4);background:#fff;transition:all .2s;animation:.3s ease-out fadeIn}.bp-profile-booking-card:hover{border-color:var(--bp-accent-200);box-shadow:0 2px 12px var(--bp-accent-50)}.bp-profile-booking-past{opacity:.6}.bp-profile-booking-top{align-items:center;gap:var(--space-3);display:flex}.bp-profile-booking-date{background:var(--bp-accent-50);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bp-profile-booking-day{font-size:var(--font-size-lg);color:var(--bp-accent-700);font-weight:800;line-height:1}.bp-profile-booking-month{color:var(--bp-accent-500);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.bp-profile-booking-info{flex:1;min-width:0}.bp-profile-booking-info strong{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.bp-profile-booking-info span{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px;display:block}.bp-profile-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.bp-profile-status-confirmed{color:#059669;background:#10b9811a}.bp-profile-status-pending{color:#d97706;background:#f59e0b1a}.bp-profile-status-cancelled{color:#dc2626;background:#ef444414}.bp-profile-status-completed{background:var(--gray-100);color:var(--text-secondary)}.bp-profile-booking-actions{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-100);display:flex}.bp-profile-booking-actions .btn{flex:1}.bp-cancel-btn{color:#ef4444!important}.bp-cancel-btn:hover{background:#ef44440f!important}.bp-cancel-confirm{text-align:center;padding:var(--space-2) 0;animation:.2s ease-out fadeIn}.bp-cancel-confirm p{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 var(--space-3);font-weight:600}.bp-cancel-confirm-actions{gap:var(--space-2);justify-content:center;display:flex}.bp-cancel-confirm-btn{color:#fff!important;background:#ef4444!important;border:none!important}.bp-cancel-confirm-btn:hover{background:#dc2626!important}.bp-reschedule-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);margin-bottom:var(--space-4);background:linear-gradient(135deg,#f59e0b14,#f59e0b26);border:1px solid #f59e0b40;animation:.3s ease-out fadeIn;display:flex}.bp-reschedule-banner-text{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:#92400e;display:flex}.bp-reschedule-banner-text strong{font-weight:700}@media (width<=480px){.bp-profile-info-card{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.bp-profile-avatar{width:44px;height:44px}.bp-profile-booking-card{padding:var(--space-3)}.bp-reschedule-banner{text-align:center;flex-direction:column}}:root{--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#a5b4fc;--primary-400:#818cf8;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--primary-800:#3730a3;--primary-900:#312e81;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--success-50:#ecfdf5;--success-500:#10b981;--success-600:#059669;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-sidebar:var(--gray-900);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--border-color:var(--gray-200);--border-focus:var(--primary-500);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--sidebar-width:230px;--sidebar-collapsed-width:68px;--header-height:44px;--max-content-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}img{max-width:100%;height:auto}.container{max-width:var(--max-content-width);padding:0 var(--space-6);margin:0 auto}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-slideIn{animation:.3s ease-out slideIn}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}[data-theme=neutral]{--bg-sidebar:linear-gradient(180deg, #1f1d36 0%, #171529 100%);--sidebar-active-bg:#818cf826;--sidebar-active-color:#a5b4fc;--sidebar-avatar-bg:linear-gradient(135deg, #818cf8, #6366f1)}[data-theme=rose]{--primary-50:#fdf2f8;--primary-100:#fce7f3;--primary-200:#fbcfe8;--primary-300:#f9a8d4;--primary-400:#f472b6;--primary-500:#ec4899;--primary-600:#db2777;--primary-700:#be185d;--primary-800:#9d174d;--primary-900:#831843;--bg-sidebar:linear-gradient(180deg, #41233a 0%, #2f1829 100%);--sidebar-active-bg:#f472b626;--sidebar-active-color:#f9a8d4;--sidebar-avatar-bg:linear-gradient(135deg, #f472b6, #ec4899)}[data-theme=sky]{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--bg-sidebar:linear-gradient(180deg, #15324a 0%, #0e2236 100%);--sidebar-active-bg:#38bdf826;--sidebar-active-color:#7dd3fc;--sidebar-avatar-bg:linear-gradient(135deg, #38bdf8, #0ea5e9)}[data-theme=mint]{--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-200:#a7f3d0;--primary-300:#6ee7b7;--primary-400:#34d399;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--primary-800:#065f46;--primary-900:#064e3b;--bg-sidebar:linear-gradient(180deg, #133328 0%, #0c221b 100%);--sidebar-active-bg:#34d39926;--sidebar-active-color:#6ee7b7;--sidebar-avatar-bg:linear-gradient(135deg, #34d399, #10b981)}[data-theme=bookee]{--primary-50:#fdf4f1;--primary-100:#fbe8e0;--primary-200:#f5cdbf;--primary-300:#eda68e;--primary-400:#e07c5c;--primary-500:#c0604a;--primary-600:#a8485a;--primary-700:#8c3a42;--primary-800:#743238;--primary-900:#612c32;--bg-sidebar:linear-gradient(180deg, #3d2226 0%, #2a181c 100%);--sidebar-active-bg:#e07c5c26;--sidebar-active-color:#eda68e;--sidebar-avatar-bg:linear-gradient(135deg, #e07c5c, #c0604a)}@media (width<=768px){:root{--sidebar-width:0px}.grid-2,.grid-3{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (width<=480px){html{font-size:14px}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-family);font-size:var(--font-size-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;box-shadow:0 1px 3px #4f46e54d}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-700), var(--primary-800));color:#fff;box-shadow:0 4px 12px #4f46e559}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-danger{background:var(--error-500);color:#fff}.btn-danger:hover{background:var(--error-600)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-icon{border-radius:var(--radius-lg);width:40px;height:40px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.form-input{padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.form-input:hover{border-color:var(--gray-300)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:var(--text-muted)}.form-input-error{border-color:var(--error-500)}.commission-pct-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.commission-pct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-error{font-size:var(--font-size-xs);color:var(--error-500)}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.card-body{padding:var(--space-6)}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--gray-50);display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.2s ease-out scaleIn;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);display:flex}.slide-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0000004d;animation:.2s ease-out fadeIn;position:fixed;inset:0}.slide-panel{background:var(--bg-primary);z-index:1001;flex-direction:column;width:520px;max-width:100vw;animation:.28s cubic-bezier(.16,1,.3,1) slidePanelIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #0000001f}@keyframes slidePanelIn{0%{opacity:.5;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.slide-panel-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.slide-panel-title{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.slide-panel-close{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.slide-panel-close:hover{background:var(--gray-100);color:var(--text-primary)}.slide-panel-body{padding:var(--space-6) var(--space-6);-webkit-overflow-scrolling:touch;will-change:scroll-position;flex:1;overflow-y:auto;transform:translateZ(0)}.slide-panel-section{gap:var(--space-5);flex-direction:column;display:flex}.slide-panel-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.slide-panel-divider{background:var(--border-color);height:1px;margin:var(--space-2) 0}.slide-panel-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);background:var(--gray-50);flex-shrink:0;display:flex}@media (width<=600px){.slide-panel{width:100vw}.slide-panel-row{grid-template-columns:1fr}}.slide-panel-wide{width:640px}.slide-panel-tabs{border-bottom:1px solid var(--border-color);padding:0 var(--space-6);flex-shrink:0;gap:0;display:flex;overflow-x:auto}.slide-panel-tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-weight:500;font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000;transition:all .15s}.slide-panel-tab:hover{color:var(--text-primary)}.slide-panel-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:600}.badge{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--success-50);color:var(--success-600)}.badge-warning{background:var(--warning-50);color:var(--warning-600)}.badge-error{background:var(--error-50);color:var(--error-600)}.badge-primary{background:var(--primary-50);color:var(--primary-700)}.badge-info{color:#4f46e5;background:#e0e7ff}.badge-muted{color:#6b7280;background:#f3f4f6}.empty-state{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--gray-300);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:360px}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--gray-50);font-weight:600}.table td{padding:var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table tbody tr:hover{background:var(--gray-50)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);display:flex}.alert-success{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-500)}.alert-error{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-500)}.alert-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-500)}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);gap:var(--space-1);transition:all var(--transition-base);flex-direction:column;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.stat-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700;line-height:1.1}.stat-change{font-size:var(--font-size-xs);font-weight:600}.stat-change-positive{color:var(--success-600)}.stat-change-negative{color:var(--error-600)}