@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary-purple:#7b187d;--primary-purple-dark:#5b0f5d;--primary-purple-hover:#6a126c;--primary-purple-light:#f3e8ff;--primary-purple-subtle:#faf5ff;--primary-purple-border:#e9d5ff;--bg-app:#f8f9fc;--bg-surface:#fff;--bg-sidebar:#fff;--bg-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#cbd5e1;--success-green:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--warning-amber:#f59e0b;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#92400e;--danger-red:#ef4444;--danger-bg:#fef2f2;--danger-border:#fca5a5;--danger-text:#991b1b;--info-blue:#3b82f6;--info-bg:#eff6ff;--info-border:#bfdbfe;--info-text:#1e40af;--border-color:#e2e8f0;--border-light:#f1f5f9;--card-radius:14px;--card-radius-sm:8px;--card-radius-lg:20px;--shadow-subtle:0 1px 3px #0f172a08, 0 1px 2px #0f172a05;--shadow-sm:0 2px 8px #0f172a0a;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 36px #0f172a14;--bg-light:#f8f9fc;--price-purple:#7b187d;--surface-white:#fff;--sidebar-active-border:#7b187d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{background-color:var(--bg-app);flex-direction:column;min-height:100vh;display:flex}html,body,#root{font-family:"Source Serif 4",system-ui,sans-serif}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;transition:all .15s}input,select,textarea{outline:none;font-family:inherit}.badge-status{letter-spacing:.01em;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-status.success,.badge-status.completed,.badge-status.confirmed{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge-status.warning,.badge-status.pending{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.badge-status.danger,.badge-status.cancelled,.badge-status.rejected{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-border)}.badge-status.purple,.badge-status.active{background:var(--primary-purple-light);color:var(--primary-purple);border:1px solid var(--primary-purple-border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar{isolation:isolate;color:#20252a;z-index:50;background:#fff;border-right:none;flex-direction:column;width:270px;min-width:270px;height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:transform .25s,width .25s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:2px 0 16px #322d2308}.sidebar-brand{background:0 0;border-bottom:none;justify-content:space-between;align-items:center;padding:24px 20px 20px;display:flex}.sidebar-brand-left{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-brand-mark{color:#7a237d;background:#f2e8f6;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:0 2px 8px #7a237d14}.sidebar-brand-info{flex:1;min-width:0}.sidebar-brand-title{letter-spacing:-.01em;color:#20252a;margin:0;font-size:16px;font-weight:600;line-height:1.2}.sidebar-brand-subtitle{color:#70756f;margin:2px 0 0;font-size:10.5px;font-weight:400}.sidebar-live-badge{color:#49663e;letter-spacing:.03em;align-items:center;gap:5px;margin-top:4px;font-size:9px;font-weight:600;display:flex}.sidebar-live-dot{background:#49663e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #49663e66}.sidebar-close-btn{color:#70756f;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:18px;display:none}.sidebar-close-btn:hover{color:#20252a;background:#eaf1e4}.sidebar-nav{flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px 14px;display:flex;overflow-y:auto}.sidebar-nav-item{color:#70756f;box-sizing:border-box;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;height:42px;padding:0 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-nav-item:hover:not(.active){color:#20252a;background:#00000008}.sidebar-nav-item.active{color:#7b187d;background:#f3e8ff;font-weight:600}.sidebar-nav-item.active .sidebar-nav-title{color:#7b187d;font-weight:600}.sidebar-nav-item.active .sidebar-nav-icon{color:#fff;background:#7b187d}.sidebar-nav-item.active .sidebar-nav-arrow{color:#7b187d}.sidebar-nav-group{flex-direction:column;gap:4px;display:flex}.sidebar-group-parent{color:#20252a;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:42px;padding:0 14px;transition:all .15s;display:flex}.sidebar-group-parent:hover{background:#00000008}.sidebar-group-parent.group-active{background:#f4eefa}.sidebar-group-parent-left{align-items:center;gap:12px;min-width:0;display:flex}.sidebar-nav-icon{color:#70756f;background:#fff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:grid}.sidebar-group-parent.group-active .parent-icon{color:#7a237d;background:#f2e8f6}.sidebar-nav-title{color:#70756f;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.sidebar-group-parent .sidebar-nav-title{color:#20252a;font-weight:600}.sidebar-nav-arrow{color:#94a3b8;font-size:13px;transition:transform .15s,color .15s}.sidebar-sub-nav{border-left:2px solid #e5e7eb;flex-direction:column;gap:3px;margin-top:2px;margin-left:14px;padding-top:4px;padding-bottom:4px;padding-left:10px;display:flex;position:relative}.sidebar-sub-nav-tree-line{display:none}.sidebar-sub-item{color:#70756f;border-radius:8px;align-items:center;gap:10px;height:36px;padding:0 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-sub-item:hover:not(.active){color:#20252a;background:#00000008}.sidebar-sub-item.active{color:#7a237d;background:#f2e8f6;font-weight:600}.sidebar-nav-icon.sub-icon{background:0 0;border-radius:50%;flex:0 0 24px;width:24px;height:24px;font-size:12px}.sidebar-footer{background:0 0;border-top:none;padding:16px}.sidebar-profile{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 4px 12px #322d2308}.sidebar-profile-avatar{color:#7a237d;background:#f2e8f6;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.sidebar-profile-info{flex-direction:column;min-width:0;display:flex}.sidebar-profile-name{color:#20252a;font-size:12.5px;font-weight:600}.sidebar-profile-status{color:#70756f;font-size:10.5px}@media (width<=768px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 25px #00000026}.sidebar.mobile-open{transform:translate(0)}.sidebar-close-btn{place-items:center;display:grid}}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;gap:20px;height:66px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0f172a08}.topbar-left{align-items:center;gap:14px;display:flex}.topbar-menu-toggle{border:1px solid var(--border-color);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);border-radius:8px;place-items:center;font-size:18px;display:none}.topbar-menu-toggle:hover{background:var(--bg-subtle)}.topbar-page-info{flex-direction:column;justify-content:center;display:flex}.topbar-page-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.topbar-page-subtitle{color:var(--text-secondary);margin-top:1px;font-size:12px}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-status-chip{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.topbar-status-dot{background:var(--success-green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b98180}.topbar-icon-button{border:1px solid var(--border-color);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);border-radius:10px;place-items:center;font-size:16px;transition:all .15s;display:grid;position:relative}.topbar-icon-button:hover{background:var(--primary-purple-light);color:var(--primary-purple);border-color:var(--primary-purple-border)}.notification-dot{background:var(--danger-red);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.topbar-user-badge{border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-subtle);border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 5px;display:flex}.topbar-pos-avatar{background:var(--primary-purple-light);width:28px;height:28px;color:var(--primary-purple);border:1px solid var(--primary-purple-border);border-radius:50%;place-items:center;font-size:13px;display:grid}.topbar-user-name{color:var(--text-primary);font-size:12.5px;font-weight:700}@media (width<=1024px){.topbar-menu-toggle{display:grid}}@media (width<=768px){.topbar{height:60px;padding:0 16px}.topbar-page-subtitle,.topbar-status-chip{display:none}}.app-layout{background:var(--bg-app);width:100%;min-height:100vh;display:flex;position:relative}.app-layout-main{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.app-layout-content{box-sizing:border-box;flex:1;width:100%;padding:20px}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#0f172a66;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.app-layout-content{padding:0}}:root{--bg-dashboard:#fff;--surface-card:#fff;--surface-subtle:#faf9f5;--plum-primary:#7a237d;--plum-hover:#631966;--plum-light:#f2e8f6;--plum-soft:#f4eefa;--sage-green:#49663e;--sage-light:#eaf1e4;--cream-soft:#f7f5ec;--peach-soft:#f8ebdd;--blue-soft:#eaf0f8;--mint-soft:#e6f4f1;--text-main:#20252a;--text-muted:#70756f;--text-light:#9ca3af;--radius-main-card:20px;--radius-inner:12px;--shadow-soft-elevation:0 8px 24px #322d230a;--shadow-hover-elevation:0 12px 32px #322d2312}.salon-dashboard{background:var(--bg-dashboard);flex-direction:column;gap:24px;max-width:1560px;min-height:100vh;margin:0 auto;padding:24px 28px 48px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative}.dashboard-toast{color:#fff;z-index:200;background:#20252a;border-radius:14px;align-items:center;gap:10px;padding:12px 20px;font-size:13.5px;font-weight:500;animation:.25s ease-out slideInDown;display:flex;position:fixed;top:80px;right:32px;box-shadow:0 12px 36px #00000026}.dashboard-toast .toast-icon{color:#49663e;font-size:18px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.dashboard-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:4px;display:flex}.header-greeting-area{align-items:center;gap:14px;display:flex}.header-avatar-circle{background:var(--plum-light);width:44px;height:44px;color:var(--plum-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:17px;font-weight:600;display:grid;box-shadow:0 4px 12px #7a237d14}.header-text-block{flex-direction:column;gap:2px;display:flex}.dashboard-greeting{color:var(--text-main);letter-spacing:-.015em;margin:0;font-size:24px;font-weight:600;line-height:1.25}.dashboard-subgreeting{color:var(--text-muted);margin:0;font-size:13px;font-weight:400}.dashboard-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-notif-btn{background:var(--surface-card);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;font-size:16px;transition:all .15s;display:grid;position:relative;box-shadow:0 2px 8px #322d2308}.header-notif-btn:hover{background:var(--plum-soft);color:var(--plum-primary)}.notif-badge-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:11px}.date-picker-wrapper{background:var(--surface-card);border-radius:var(--radius-inner);color:var(--text-muted);border:none;align-items:center;gap:8px;padding:9px 14px;display:flex;box-shadow:0 2px 8px #322d2308}.date-picker-wrapper .picker-icon{color:var(--plum-primary);font-size:15px}.dashboard-date-picker{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:500}.btn-dash-secondary{background:var(--surface-card);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #322d2308}.btn-dash-secondary:hover{background:var(--surface-subtle);color:var(--text-main)}.btn-dash-primary{background:var(--plum-primary);color:#fff;border-radius:var(--radius-inner);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 16px #7a237d33}.btn-dash-primary:hover{background:var(--plum-hover);transform:translateY(-1px)}.btn-dash-primary.sm{padding:7px 14px;font-size:12px}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.kpi-cards-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.kpi-card{box-shadow:var(--shadow-soft-elevation);border:none;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .18s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-hover-elevation);transform:translateY(-2px)}.kpi-card.tonal-lavender,.kpi-card.tonal-blue,.kpi-card.tonal-sage,.kpi-card.tonal-cream,.kpi-card.tonal-peach,.kpi-card.tonal-mint{background:var(--plum-soft)}.kpi-icon-wrapper{border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.kpi-content{flex-direction:column;gap:2px;min-width:0;display:flex}.kpi-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.kpi-value{color:var(--text-main);font-size:18px;font-weight:600;line-height:1.25}.dashboard-main-grid{grid-template-columns:7fr 5fr;gap:24px;display:grid}.grid-col-left,.grid-col-right{flex-direction:column;gap:24px;display:flex}.dash-section-card{background:var(--surface-card);border-radius:var(--radius-main-card);box-shadow:var(--shadow-soft-elevation);border:none;flex-direction:column;gap:18px;padding:22px 24px;display:flex}.section-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.title-with-summary{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.section-title{color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.section-desc{color:var(--text-muted);margin-top:2px;font-size:12.5px}.section-link-btn{color:var(--plum-primary);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:600}.section-link-btn:hover{text-decoration:underline}.summary-pill-group{align-items:center;gap:6px;display:flex}.sum-chip{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.sum-chip.total{background:var(--surface-subtle);color:var(--text-main)}.sum-chip.confirmed{background:var(--sage-light);color:var(--sage-green)}.sum-chip.pending{color:#b45309;background:#fffbeb}.btn-whatsapp-bulk{color:#fff;border-radius:var(--radius-inner);cursor:pointer;background:#1b6b39;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #25d36633}.btn-whatsapp-bulk:hover{background:#20bd5a;transform:translateY(-1px)}.wa-bulk-icon{font-size:14px}.appointment-timeline-list{flex-direction:column;gap:10px;display:flex}.appointment-row-card{background:var(--surface-subtle);border-radius:var(--radius-inner);border:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .15s;display:flex}.appointment-row-card:hover{background:var(--plum-soft)}.appt-time-badge{color:var(--plum-primary);align-items:center;gap:6px;min-width:90px;font-size:13px;font-weight:600;display:flex}.appt-time-badge .time-icon{font-size:14px}.appt-main-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cust-header{align-items:center;gap:6px;display:flex}.dot-indicator{color:var(--sage-green);font-size:10px}.cust-name{color:var(--text-main);font-size:13.5px;font-weight:600}.cust-phone{color:var(--text-muted);font-size:11.5px}.service-sub{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.dur-dot{color:var(--text-light);font-size:8px}.appt-right-actions{align-items:center;gap:12px;display:flex}.status-pill{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600}.status-pill.confirmed{background:var(--sage-light);color:var(--sage-green)}.status-pill.pending{color:#b45309;background:#fffbeb}.status-pill.completed{background:var(--blue-soft);color:#2563eb}.status-pill.cancelled{color:#dc2626;background:#fef2f2}.status-pill.noshow{color:var(--text-muted);background:#f1f5f9}.action-buttons-group{align-items:center;gap:6px;display:flex}.act-btn{cursor:pointer;border:none;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;transition:all .15s;display:grid}.act-btn.confirm{background:var(--sage-light);color:var(--sage-green)}.act-btn.confirm:hover{background:#d1fae5}.act-btn.complete{background:var(--blue-soft);color:#2563eb}.act-btn.complete:hover{background:#dbeafe}.act-btn.cancel{color:#dc2626;background:#fef2f2}.act-btn.cancel:hover{background:#fee2e2}.act-btn.whatsapp{color:#25d366;background:#ecfdf5}.act-btn.whatsapp:hover{color:#fff;background:#25d366}.popular-services-grid{flex-direction:column;gap:10px;display:flex}.popular-service-item{border-radius:var(--radius-inner);border:none;align-items:center;gap:14px;padding:12px 16px;display:flex}.popular-service-item.tone-sage{background:var(--sage-light)}.popular-service-item.tone-lavender{background:var(--plum-soft)}.popular-service-item.tone-peach{background:var(--peach-soft)}.svc-icon-box{width:34px;height:34px;color:var(--text-main);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;display:grid;box-shadow:0 2px 6px #322d2308}.svc-details{flex-direction:column;flex:1;gap:2px;display:flex}.svc-name{color:var(--text-main);font-size:13.5px;font-weight:600}.svc-count{color:var(--text-muted);font-size:11.5px}.svc-price{color:var(--text-main);font-size:14px;font-weight:600}.dash-section-card.business-insight-panel{background:var(--plum-soft);box-shadow:var(--shadow-soft-elevation);border:none;flex-direction:column;gap:16px;display:flex}.insight-icon-circle{width:34px;height:34px;color:var(--plum-primary);background:#fff;border-radius:50%;place-items:center;font-size:16px;display:grid;box-shadow:0 2px 8px #322d230a}.insight-vertical-list{flex-direction:column;gap:14px;display:flex}.insight-list-item{border-bottom:1px solid #7b187d17;flex-direction:column;gap:6px;padding-bottom:14px;display:flex}.insight-list-item:last-child{border-bottom:none;padding-bottom:0}.insight-type-badge{color:var(--plum-primary);letter-spacing:.01em;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.insight-item-title{color:var(--text-main);margin:0;font-size:14.5px;font-weight:600;line-height:1.35}.insight-item-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.insight-recommendation-row{align-items:center;gap:6px;font-size:12.5px;display:flex}.insight-recommendation-row .rec-label{color:var(--text-main);font-weight:600}.insight-recommendation-row .rec-value{color:var(--plum-primary);background:#fff;border-radius:6px;padding:2px 8px;font-weight:600}.insight-cta-link{color:var(--plum-primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.insight-cta-link:hover{color:var(--plum-hover)}.insight-cta-link:hover .cta-arrow{transform:translate(3px)}.insight-cta-link.reminder{color:#b45309}.insight-cta-link.reminder:hover{color:#92400e}.cta-arrow{font-size:14px;transition:transform .15s}.recent-customers-list{flex-direction:column;gap:12px;display:flex}.customer-list-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding-bottom:10px;display:flex}.customer-list-item:last-child{border-bottom:none;padding-bottom:0}.cust-avatar-circle{background:var(--plum-soft);width:34px;height:34px;color:var(--plum-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.cust-info{flex-direction:column;flex:1;gap:2px;display:flex}.cust-info .c-name{color:var(--text-main);font-size:13px;font-weight:600}.cust-info .c-sub{color:var(--text-muted);font-size:11.5px}.cust-amount{color:var(--text-main);font-size:13px;font-weight:600}.matrix-legend{color:var(--text-muted);align-items:center;gap:12px;font-size:11.5px;display:flex}.leg-item{align-items:center;gap:4px;display:flex}.leg-dot.booked{color:var(--plum-primary)}.leg-dot.avail{color:var(--sage-green)}.slot-matrix-wrapper{border-radius:var(--radius-inner);background:var(--surface-subtle);border:none;padding:8px;overflow-x:auto}.slot-matrix-tbl{border-collapse:collapse;text-align:center;width:100%}.slot-matrix-tbl th{color:var(--text-muted);padding:6px 4px;font-size:11px;font-weight:600}.slot-lbl{color:var(--text-muted);text-align:left;padding:4px 6px;font-size:10.5px;font-weight:600}.slot-cell{padding:3px 2px}.slot-dot-pill{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:inline-flex}.slot-dot-pill.booked{background:var(--plum-primary);color:#fff}.slot-dot-pill.avail{color:var(--sage-green);background:#fff}.social-media-card{background:var(--surface-card)}.social-platforms-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.social-platform-tile{background:var(--plum-soft);border-radius:var(--radius-inner);text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 12px;transition:all .18s;display:flex}.social-platform-tile:hover{box-shadow:var(--shadow-hover-elevation);transform:translateY(-2px)}.social-platform-name{color:var(--text-main);letter-spacing:-.01em;font-size:13px;font-weight:600}.social-icon-wrapper{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px 8px #7b187d0f}.social-platform-icon{font-size:20px}.social-count-block{flex-direction:column;align-items:center;gap:2px;display:flex}.social-post-count{color:var(--text-main);font-size:20px;font-weight:700;line-height:1.1}.social-post-label{color:var(--text-muted);font-size:11px;font-weight:500}.quick-actions-section{background:var(--surface-card);border-radius:var(--radius-main-card);box-shadow:var(--shadow-soft-elevation);border:none;flex-direction:column;gap:14px;padding:20px 24px;display:flex}.quick-action-tiles-grid{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.qa-tile{background:var(--surface-subtle);border-radius:var(--radius-inner);color:var(--text-main);cursor:pointer;text-align:center;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-size:12px;font-weight:500;transition:all .18s;display:flex}.qa-tile:hover{background:var(--plum-soft);color:var(--plum-primary);box-shadow:var(--shadow-hover-elevation);transform:translateY(-2px)}.qa-tile-icon-bg{border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;display:grid}.qa-tile-icon-bg.lavender{background:var(--plum-light);color:var(--plum-primary)}.qa-tile-icon-bg.sage{background:var(--sage-light);color:var(--sage-green)}.qa-tile-icon-bg.blue{background:var(--blue-soft);color:#2563eb}.qa-tile-icon-bg.cream{background:var(--cream-soft);color:#78350f}.qa-tile-icon-bg.peach{background:var(--peach-soft);color:#c2410c}.qa-tile-icon-bg.mint{background:var(--mint-soft);color:#0f766e}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;background:#20252a73;place-items:center;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0}.reminder-modal{border-radius:var(--radius-main-card);background:#fff;border:none;flex-direction:column;width:90%;max-width:480px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.reminder-modal-header{background:var(--plum-soft);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.reminder-modal-header h3{color:var(--plum-primary);margin:0;font-size:15px;font-weight:600}.modal-icon{color:var(--plum-primary);font-size:20px}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.reminder-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.modal-intro{color:var(--text-muted);margin:0;font-size:13px}.modal-stats-row{gap:10px;display:flex}.stat-pill{border-radius:var(--radius-inner);flex-direction:column;flex:1;align-items:center;padding:10px;display:flex}.stat-pill.success{background:var(--sage-light);color:var(--sage-green)}.stat-pill.warning{color:#b45309;background:#fffbeb}.stat-pill .num{font-size:20px;font-weight:600}.stat-pill .lbl{font-size:11px;font-weight:500}.modal-client-list{background:var(--surface-subtle);border-radius:var(--radius-inner);border:none;flex-direction:column;gap:6px;max-height:180px;padding:10px 12px;display:flex;overflow-y:auto}.list-title{color:var(--text-light);text-transform:uppercase;font-size:11px;font-weight:600}.client-list-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.client-list-item:last-child{border-bottom:none}.c-name{color:var(--text-main);font-weight:600}.c-phone{color:var(--text-muted)}.reminder-modal-footer{background:var(--surface-subtle);border-top:none;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.dash-loading-placeholder,.dash-empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:36px 20px;font-size:13.5px;display:flex}.empty-icon{color:var(--text-light);font-size:32px}@media (width<=1200px){.kpi-cards-grid{grid-template-columns:repeat(3,1fr)}.dashboard-main-grid{grid-template-columns:1fr}.quick-action-tiles-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.salon-dashboard{padding:16px}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)}.title-with-summary{flex-direction:column;align-items:flex-start}.quick-action-tiles-grid{grid-template-columns:repeat(3,1fr)}.appointment-row-card{flex-direction:column;align-items:flex-start}.appt-right-actions{justify-content:space-between;width:100%}}@media (width<=480px){.kpi-cards-grid{grid-template-columns:1fr}.quick-action-tiles-grid{grid-template-columns:repeat(2,1fr)}.social-platforms-grid{grid-template-columns:1fr}.social-platform-tile{text-align:left;flex-direction:row;justify-content:space-between;padding:14px 18px}.social-count-block{align-items:flex-end}}.billing-page{flex-direction:column;gap:20px;display:flex}.billing-command-center{background:linear-gradient(135deg,#fff,#fbf7fc);border:1px solid #e8e0eb;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex;box-shadow:0 10px 30px #3214370b}.billing-command-left{align-items:center;gap:14px;display:flex}.billing-command-icon{color:#fff;background:linear-gradient(145deg,#8b1a8b,#6b156b);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:20px;display:grid;box-shadow:0 8px 20px #8b1a8b2e}.billing-command-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#8b1a8b;font-size:9px;font-weight:850;display:block}.billing-command-title{color:#1d1720;margin:2px 0 0;font-size:18px;font-weight:850}.billing-command-metrics{gap:12px;display:flex}.billing-metric-chip{background:#fff;border:1px solid #eee6f0;border-radius:12px;min-width:110px;padding:8px 14px}.billing-metric-label{color:#8a808d;font-size:9px;font-weight:700;display:block}.billing-metric-value{color:#211a24;margin-top:2px;font-size:15px;font-weight:850;display:block}.billing-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.95fr);gap:20px;display:grid}.billing-services-panel{background:#fff;border:1px solid #e8e1ea;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 8px 25px #1e122308}.billing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.billing-search-box{flex:1;min-width:240px;position:relative}.billing-search-icon{color:#8b1a8b;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.billing-search-input{background:#fdfcfe;border:1px solid #e2dde4;border-radius:12px;width:100%;height:42px;padding:0 14px 0 40px;font-size:13px;transition:all .18s}.billing-search-input:focus{background:#fff;border-color:#8b1a8b;box-shadow:0 0 0 3px #8b1a8b17}.billing-categories{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.billing-category-pill{color:#625a66;white-space:nowrap;background:#faf8fb;border:1px solid #e8e1ea;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .18s}.billing-category-pill:hover{color:#8b1a8b;border-color:#d2acd3}.billing-category-pill.active{color:#fff;background:#8b1a8b;border-color:#8b1a8b;box-shadow:0 4px 12px #8b1a8b33}.billing-services-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.billing-service-card{background:#fff;border:1px solid #e8e1ea;border-radius:16px;flex-direction:column;padding:10px;transition:all .18s;display:flex;box-shadow:0 4px 14px #23122805}.billing-service-card:hover{border-color:#c98cca;transform:translateY(-2px);box-shadow:0 10px 25px #8b1a8b1a}.billing-service-thumb{background:#f1ebf2;border-radius:12px;height:110px;position:relative;overflow:hidden}.billing-service-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.billing-service-card:hover .billing-service-thumb img{transform:scale(1.05)}.billing-service-add-btn{color:#fff;background:#8b1a8b;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;transition:background .18s;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 10px #0003}.billing-service-add-btn:hover{background:#6b156b}.billing-service-body{flex-direction:column;flex:1;padding:10px 2px 2px;display:flex}.billing-service-title{color:#211a23;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:800;overflow:hidden}.billing-service-meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.billing-service-duration{color:#8b818e;align-items:center;gap:4px;font-size:11px;display:flex}.billing-service-price{color:#8b1a8b;font-size:14px;font-weight:850}.billing-cart-panel{background:#fff;border:1px solid #e8e1ea;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 8px 25px #1e122308}.billing-cart-head{border-bottom:1px solid #f0edf1;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.billing-cart-title{color:#1a1a1a;align-items:center;gap:8px;font-size:16px;font-weight:850;display:flex}.billing-cart-clear-btn{color:#ef4444;font-size:11px;font-weight:700}.billing-customer-select{flex-direction:column;gap:6px;display:flex}.billing-customer-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.billing-customer-input-group{gap:8px;display:flex}.billing-customer-input{border:1px solid #e2dde4;border-radius:10px;flex:1;height:38px;padding:0 12px;font-size:12px}.billing-customer-input:focus{border-color:#8b1a8b}.billing-cart-list{border-top:1px solid #f0edf1;border-bottom:1px solid #f0edf1;flex-direction:column;flex:1;gap:10px;min-height:200px;max-height:280px;padding:12px 0;display:flex;overflow-y:auto}.billing-cart-item{background:#fbf8fc;border:1px solid #f0e6f1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.billing-cart-item-info{flex:1;min-width:0}.billing-cart-item-name{color:#211a24;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:750;display:block;overflow:hidden}.billing-cart-item-price{color:#8b1a8b;font-size:11px;font-weight:700}.billing-cart-qty-controls{background:#fff;border:1px solid #e8e1ea;border-radius:8px;align-items:center;gap:6px;padding:2px 4px;display:flex}.billing-qty-btn{color:#554d58;background:#faf8fb;border-radius:6px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.billing-qty-btn:hover{color:#fff;background:#8b1a8b}.billing-qty-count{text-align:center;min-width:16px;font-size:12px;font-weight:800}.billing-cart-remove-btn{color:#ef4444;padding:4px;font-size:14px}.billing-empty-cart{text-align:center;color:#8a808d;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.billing-empty-icon{color:#8b1a8b;background:#f7eff8;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.billing-summary-section{flex-direction:column;gap:8px;display:flex}.billing-summary-row{color:#6b7280;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.billing-summary-row.total{color:#1a1a1a;border-top:1px dashed #e8e1ea;padding-top:8px;font-size:16px;font-weight:900}.billing-summary-row.total .grand-price{color:#8b1a8b;font-size:18px}.billing-discount-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.billing-discount-input{text-align:right;border:1px solid #e2dde4;border-radius:8px;width:80px;height:32px;padding:0 8px;font-size:12px}.billing-payment-methods{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.billing-payment-btn{color:#554d58;background:#faf8fb;border:1px solid #e8e1ea;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:11.5px;font-weight:750;transition:all .18s;display:flex}.billing-payment-btn:hover{color:#8b1a8b;border-color:#d2acd3}.billing-payment-btn.active{color:#8b1a8b;background:#f7eff8;border-color:#8b1a8b;box-shadow:0 4px 10px #8b1a8b1a}.billing-generate-btn{color:#fff;background:linear-gradient(135deg,#8b1a8b,#6b156b);border-radius:14px;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:850;transition:all .18s;display:flex;box-shadow:0 8px 20px #8b1a8b40}.billing-generate-btn:hover{transform:translateY(-1px);box-shadow:0 12px 25px #8b1a8b4d}.billing-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.billing-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#11182799;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.billing-receipt-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(600px,95%);max-height:90vh;padding:0;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0003}.invoice-header{text-align:center;border-bottom:2px solid #7c3aed;padding:24px}.invoice-brand{color:#5b21b6;font-size:32px;font-weight:800}.invoice-title{color:#6b7280;letter-spacing:2px;margin-top:4px;font-size:14px;font-weight:700}.invoice-meta{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px;display:flex}.meta-label{color:#6b7280;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.meta-value{color:#111827;margin-top:4px;font-size:13px;font-weight:600;display:block}.invoice-customer-section{padding:16px 24px}.section-title{color:#5b21b6;margin-bottom:8px;font-size:12px;font-weight:800}.customer-name{color:#111827;font-size:16px;font-weight:700}.customer-phone{color:#6b7280;margin-top:2px;font-size:12px}.invoice-items-section{padding:0 24px}.invoice-table{border-collapse:collapse;width:100%;margin-top:10px}.invoice-table th{color:#fff;text-align:left;background:#5b21b6;padding:10px 8px;font-size:11px}.invoice-table td{color:#374151;border-bottom:1px solid #e5e7eb;padding:12px 8px;font-size:12px}.invoice-table td.center{text-align:center}.invoice-table td.right{text-align:right}.invoice-table td.bold{color:#111827;font-weight:700}.invoice-totals{width:320px;margin-left:auto;padding:16px 24px}.total-row{color:#4b5563;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.discount-value{color:#059669;font-weight:600}.grand-total{color:#5b21b6;border-top:2px solid #7c3aed;justify-content:space-between;margin-top:8px;padding-top:12px;font-size:16px;font-weight:800;display:flex}.invoice-payment-section{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;margin:0 24px 16px;padding:14px}.payment-row{color:#374151;justify-content:space-between;font-size:12px;display:flex}.invoice-footer{text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px}.thanks{color:#5b21b6;font-size:14px;font-weight:800}.footer-text{color:#9ca3af;margin-top:4px;font-size:10px}.coupon-row-label{color:#16a34a;align-items:center;gap:4px;font-weight:700;display:inline-flex}.billing-receipt-actions{background:#fff;border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr .8fr;gap:8px;padding:16px 24px;display:grid}.billing-receipt-print-btn,.billing-receipt-whatsapp-btn,.billing-receipt-close-btn{border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.billing-receipt-print-btn{color:#fff;background:#8b1a8b}.billing-receipt-print-btn:hover{background:#6b156b}.billing-receipt-whatsapp-btn{color:#fff;background:#25d366}.billing-receipt-whatsapp-btn:hover{background:#128c7e}.billing-receipt-close-btn{color:#6b7280;background:#fff;border:1px solid #e8e1ea}.billing-receipt-close-btn:hover{color:#111827;background:#f9fafb}@media (width<=1024px){.billing-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.billing-modal-backdrop,.billing-receipt-modal,.billing-receipt-modal *{visibility:visible}.billing-modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:100%;padding:0;display:block;position:absolute;top:0;left:0}.billing-receipt-modal{box-shadow:none;border-radius:0;width:100%;max-width:100%;max-height:none;margin:0;padding:0;overflow:visible}.no-print{display:none!important}}.billing-customer-section{flex-direction:column;gap:6px;display:flex;position:relative}.billing-customer-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.billing-customer-optional{color:#94a3b8;text-transform:none;letter-spacing:0;font-size:10.5px;font-style:italic;font-weight:600}.billing-customer-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.billing-customer-field{flex-direction:column;display:flex}.billing-matched-customer{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.billing-matched-avatar{color:#fff;background:linear-gradient(135deg,#8b1a8b,#a855f7);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.billing-matched-info{flex:1;min-width:0}.billing-matched-name{color:#1d1720;font-size:13px;font-weight:800}.billing-matched-phone{color:#7b187d;margin-top:2px;font-size:11.5px;font-weight:600}.billing-matched-clear{color:#7b187d;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:14px;display:flex}.billing-matched-clear:hover{background:#8b1a8b1a}.billing-customer-suggestions{z-index:50;background:#fff;border:1px solid #e2dde4;border-radius:12px;max-height:280px;margin-top:6px;padding:6px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #1e122326}.billing-suggestion-loading,.billing-suggestion-empty{color:#8a808d;text-align:center;padding:16px 12px;font-size:12.5px}.billing-suggestion-empty>div:first-child{margin-bottom:10px}.billing-suggestion-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b1a8b,#a855f7);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.billing-suggestion-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;transition:background .12s;display:flex}.billing-suggestion-item:hover{background:#faf5ff}.billing-suggestion-avatar{color:#fff;background:linear-gradient(135deg,#8b1a8b,#a855f7);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.billing-suggestion-info{flex:1;min-width:0}.billing-suggestion-name{color:#1d1720;font-size:13px;font-weight:700}.billing-suggestion-meta{color:#8a808d;margin-top:2px;font-size:11px}.billing-coupon-bar{cursor:pointer;text-align:left;background:#fdfcfe;border:1.5px dashed #d2acd3;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:all .15s;display:flex;position:relative}.billing-coupon-bar:hover:not(:disabled){background:#faf5ff;border-color:#8b1a8b}.billing-coupon-bar:disabled{opacity:.5;cursor:not-allowed}.billing-coupon-bar>svg:first-child{color:#8b1a8b;flex-shrink:0;font-size:18px}.billing-coupon-bar-cta{color:#8b1a8b;flex:1;font-size:13px;font-weight:700}.billing-coupon-bar-arrow{color:#8b1a8b;font-size:18px;font-weight:800}.billing-coupon-bar.applied{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac}.billing-coupon-bar.applied>svg:first-child{color:#16a34a}.billing-coupon-bar-info{flex:1;min-width:0}.billing-coupon-bar-code{color:#166534;letter-spacing:.04em;font-family:SF Mono,monospace;font-size:12.5px;font-weight:800}.billing-coupon-bar-name{color:#16a34a;margin-top:2px;font-size:11px}.billing-coupon-bar-saving{color:#16a34a;font-size:14px;font-weight:900}.billing-coupon-remove{color:#16a34a;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:4px;padding:4px;font-size:14px;display:flex}.billing-coupon-remove:hover{background:#16a34a26}.billing-coupon-row-label{color:#16a34a;align-items:center;gap:5px;font-weight:700;display:inline-flex}.billing-discount-value{color:#16a34a;font-weight:800}.billing-gst-row{opacity:.65;font-style:italic}.billing-future-tag{color:#92400e;text-transform:uppercase;letter-spacing:.05em;background:#fef3c7;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:9px;font-style:normal;font-weight:800;display:inline-block}.billing-gst-placeholder{color:#94a3b8}.billing-action-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.billing-grid-status{text-align:center;color:#8a808d;grid-column:1/-1;padding:50px 20px;font-size:13px}.btn-retry{color:#fff;cursor:pointer;background:#8b1a8b;border:none;border-radius:8px;margin-top:8px;padding:7px 14px;font-size:12px;font-weight:700}.coupon-picker-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(560px,100%);max-height:88vh;animation:.22s popIn;display:flex;overflow:hidden;box-shadow:0 30px 60px #00000040}.coupon-picker-head{background:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border-bottom:1px solid #e8e1ea;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.coupon-picker-head-left{align-items:center;gap:12px;display:flex}.coupon-picker-icon{color:#fff;background:linear-gradient(135deg,#8b1a8b,#a855f7);border-radius:12px;place-items:center;width:40px;height:40px;font-size:18px;display:grid;box-shadow:0 6px 16px #8b1a8b38}.coupon-picker-head h3{color:#1d1720;margin:0;font-size:16px;font-weight:800}.coupon-picker-head p{color:#8a808d;margin:3px 0 0;font-size:11.5px}.billing-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;transition:all .15s;display:grid}.billing-modal-close:hover{color:#1d1720;background:#e2e8f0}.coupon-picker-search{border-bottom:1px solid #f0edf1;align-items:center;gap:8px;padding:10px 22px;display:flex}.coupon-picker-search svg{color:#8a808d;font-size:15px}.coupon-picker-search input{color:#1d1720;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:13.5px;font-weight:500}.coupon-picker-search input::placeholder{color:#94a3b8}.coupon-picker-body{flex-direction:column;flex:1;gap:8px;min-height:200px;padding:12px;display:flex;overflow-y:auto}.coupon-picker-empty{color:#8a808d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13px;display:flex}.coupon-picker-item{cursor:pointer;text-align:left;background:#fafafa;border:1.5px solid #e8e1ea;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;transition:all .15s;display:flex}.coupon-picker-item:hover:not(:disabled){background:#faf5ff;border-color:#d8b4fe}.coupon-picker-item.selected{background:#faf5ff;border-color:#8b1a8b;box-shadow:0 4px 14px #8b1a8b1f}.coupon-picker-item.ineligible{opacity:.55;cursor:not-allowed}.coupon-picker-item-left{flex:1;min-width:0}.coupon-picker-code{color:#7b187d;letter-spacing:.05em;background:#faf5ff;border:1px dashed #d8b4fe;border-radius:6px;margin-bottom:6px;padding:3px 10px;font-family:SF Mono,monospace;font-size:12.5px;font-weight:800;display:inline-block}.coupon-picker-name{color:#1d1720;font-size:13.5px;font-weight:800;line-height:1.3}.coupon-picker-meta{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.coupon-picker-meta span{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.coupon-picker-ineligible{color:#dc2626;margin-top:5px;font-size:11px;font-weight:700}.coupon-picker-item-right{text-align:right;flex-shrink:0}.coupon-picker-saving{color:#16a34a;font-size:14px;font-weight:900}.coupon-picker-applied{color:#7b187d;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:800;display:inline-flex}.coupon-picker-foot{background:#fafafa;border-top:1px solid #e8e1ea;padding:12px 22px}.coupon-picker-remove{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;width:100%;padding:10px;font-size:12.5px;font-weight:800;transition:background .15s}.coupon-picker-remove:hover{background:#fee2e2}@keyframes popIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@media (width<=480px){.billing-customer-inputs{grid-template-columns:1fr}}.inv-page{color:#0f172a;flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;padding:24px 32px 60px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.inv-header{flex-direction:column;gap:12px;display:flex}.inv-back-btn{color:#7b187d;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.inv-back-btn:hover{text-decoration:underline}.inv-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.inv-title{margin:0;font-size:26px;font-weight:800}.inv-subtitle{color:#64748b;margin:4px 0 0;font-size:13.5px}.inv-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.inv-refresh-btn:hover{color:#0f172a;background:#f8fafc}.inv-refresh-btn .spin{animation:1s linear infinite spin}.inv-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.inv-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:18px;transition:all .18s;display:flex;box-shadow:0 4px 14px #1e14280a}.inv-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1e142814}.inv-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.inv-stat-icon-blue{color:#1e40af;background:#dbeafe}.inv-stat-icon-green{color:#166534;background:#dcfce7}.inv-stat-icon-purple{color:#7b187d;background:#f3e8ff}.inv-stat-icon-amber{color:#92400e;background:#fef3c7}.inv-stat-content{flex:1;min-width:0}.inv-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.inv-stat-value{color:#0f172a;letter-spacing:-.02em;margin-top:4px;font-size:24px;font-weight:900}.inv-stat-sub{color:#64748b;margin-top:4px;font-size:11px;font-weight:600}.inv-filters{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.inv-search-wrap{flex:1;min-width:240px;position:relative}.inv-search-ic{color:#94a3b8;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.inv-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 40px 10px 42px;font-size:13.5px;font-weight:500;transition:all .15s}.inv-search-input:focus{background:#fff;border-color:#7b187d;box-shadow:0 0 0 3px #7b187d14}.inv-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.inv-filter-select,.inv-filter-date{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;font-weight:600}.inv-filter-select:focus,.inv-filter-date:focus{background:#fff;border-color:#7b187d;box-shadow:0 0 0 3px #7b187d14}.inv-clear-btn{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:4px;padding:10px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.inv-clear-btn:hover{background:#fee2e2}.inv-list-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #1e14280a}.inv-table-wrap{overflow-x:auto}.inv-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.inv-table thead{background:#f8fafc}.inv-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #e2e8f0;padding:14px;font-size:11px;font-weight:800}.inv-table th.right{text-align:right}.inv-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table tbody tr:hover{background:#fafbfc}.inv-table td.right{text-align:right}.inv-id{color:#7b187d;background:#faf5ff;border:1px dashed #e9d5ff;border-radius:6px;padding:4px 8px;font-family:SF Mono,monospace;font-size:12px;font-weight:800}.inv-cust-name{color:#0f172a;font-size:13px;font-weight:700}.inv-cust-phone{color:#64748b;margin-top:2px;font-size:11.5px}.inv-items-count{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.inv-coupon-cell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.inv-coupon-code{color:#7b187d;background:#faf5ff;border-radius:4px;padding:2px 6px;font-family:SF Mono,monospace;font-size:10.5px;font-weight:800}.inv-coupon-amt{color:#16a34a;font-size:12px;font-weight:800}.inv-muted{color:#cbd5e1}.inv-pay-cell{flex-direction:column;gap:4px;display:flex}.inv-status{letter-spacing:.04em;text-align:center;border-radius:20px;width:fit-content;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-block}.inv-status-paid{color:#166534;background:#dcfce7}.inv-status-refunded{color:#92400e;background:#fef3c7}.inv-status-cancelled{color:#991b1b;background:#fee2e2}.inv-status-pending{color:#3730a3;background:#e0e7ff}.inv-status-default{color:#475569;background:#f1f5f9}.inv-method{color:#64748b;font-size:11px;font-weight:600}.inv-date-cell{color:#475569;white-space:nowrap;font-size:12px}.inv-actions{justify-content:flex-end;gap:6px;display:flex}.inv-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:grid}.inv-action-btn:hover{color:#7b187d;background:#faf5ff;border-color:#d8b4fe}.inv-action-btn.whatsapp:hover{color:#166534;background:#dcfce7;border-color:#86efac}.inv-state{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.inv-state .large{opacity:.5;font-size:42px}.inv-state .large.error{color:#ef4444;opacity:1}.inv-state h3{color:#0f172a;margin:8px 0 0;font-size:16px}.inv-state p{margin:0;font-size:13px}.inv-retry-btn{color:#fff;cursor:pointer;background:#7b187d;border:none;border-radius:10px;margin-top:8px;padding:9px 18px;font-size:12.5px;font-weight:700}.inv-pagination{background:#fafbfc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.inv-pg-info{color:#64748b;font-size:12.5px;font-weight:600}.inv-pg-controls{align-items:center;gap:10px;display:flex}.inv-pg-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.inv-pg-btn:hover:not(:disabled){color:#7b187d;background:#faf5ff;border-color:#d8b4fe}.inv-pg-btn:disabled{opacity:.4;cursor:not-allowed}.inv-pg-num{color:#0f172a;font-size:12.5px;font-weight:700}.inv-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#0f172a99;place-items:center;padding:16px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.inv-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(560px,100%);max-height:90vh;animation:.22s popIn;display:flex;box-shadow:0 30px 60px #0000004d}.inv-modal-head{background:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inv-modal-head h3{margin:0;font-size:16px;font-weight:800}.inv-modal-head p{color:#64748b;margin:3px 0 0;font-family:SF Mono,monospace;font-size:12px}.inv-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.inv-modal-close:hover{color:#0f172a;background:#e2e8f0}.inv-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.inv-modal-row{color:#475569;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.inv-modal-row strong{color:#0f172a;font-weight:700}.inv-modal-row.green{color:#16a34a}.inv-modal-row.grand{color:#7b187d;border-top:2px solid #e2e8f0;margin-top:8px;padding-top:12px;font-size:17px;font-weight:900}.inv-modal-items{border-top:1px dashed #e2e8f0;margin-top:16px;padding-top:14px}.inv-modal-items-head{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:800}.inv-modal-item{color:#475569;justify-content:space-between;padding:6px 0;font-size:12.5px;display:flex}.inv-modal-item strong{color:#0f172a}.inv-modal-totals{border-top:1px dashed #e2e8f0;margin-top:16px;padding-top:12px}.inv-modal-foot{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.inv-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.inv-modal-btn.ghost{color:#475569;background:#fff;border-color:#e2e8f0}.inv-modal-btn.ghost:hover{color:#0f172a;background:#f1f5f9}.inv-modal-btn.primary{color:#fff;background:linear-gradient(135deg,#7b187d,#a855f7);box-shadow:0 6px 16px #7b187d40}.inv-modal-btn.primary:hover{transform:translateY(-1px)}@media (width<=768px){.inv-page{padding:16px}.inv-title{font-size:22px}.inv-table{min-width:900px;font-size:12px}}.service-catalog-page{flex-direction:column;gap:20px;display:flex}.service-catalog-hero{border-radius:var(--card-radius);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-subtle);color:var(--text-primary);justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.service-catalog-hero-text{max-width:650px}.service-catalog-hero-eyebrow{background:var(--primary-purple-light);border:1px solid var(--primary-purple-border);color:var(--primary-purple);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.service-catalog-hero-title{letter-spacing:-.02em;color:var(--text-primary);margin:8px 0 4px;font-size:24px;font-weight:800}.service-catalog-hero-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.service-catalog-share-btn{background:var(--primary-purple);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .18s;display:flex;box-shadow:0 4px 12px #7b187d33}.service-catalog-share-btn:hover{background:var(--primary-purple-hover);transform:translateY(-1px)}.service-catalog-alert-banner{border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.service-catalog-alert-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.service-catalog-alert-banner.success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7}.service-catalog-toast{color:#fff;z-index:999;background:#0f172a;border-radius:14px;align-items:center;gap:10px;padding:14px 20px;font-size:13px;font-weight:600;animation:.25s ease-out slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000040}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.service-catalog-tabs{background:var(--bg-surface);border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-subtle);gap:6px;padding:4px;display:flex}.service-catalog-tab{height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:all .18s;display:flex}.service-catalog-tab:hover{color:var(--primary-purple);background:var(--bg-subtle)}.service-catalog-tab.active{background:var(--primary-purple-light);color:var(--primary-purple);border:1px solid var(--primary-purple-border)}.service-catalog-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.service-catalog-kpi-card{background:#fff;border:1px solid #e8e1ea;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px 14px #1e122308}.service-catalog-kpi-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:18px;display:grid}.service-catalog-kpi-icon.purple{color:#7b187d;background:#f7eff8}.service-catalog-kpi-icon.green{color:#047857;background:#ecfdf5}.service-catalog-kpi-icon.amber{color:#b45309;background:#fffbeb}.service-catalog-kpi-icon.blue{color:#2563eb;background:#eff6ff}.service-catalog-kpi-label{color:#8b828f;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700;display:block}.service-catalog-kpi-value{color:#211a24;margin-top:2px;font-size:20px;font-weight:900;display:block}.service-catalog-shell{background:#fff;border:1px solid #e8e1ea;border-radius:20px;flex-direction:column;gap:18px;padding:20px;display:flex;box-shadow:0 8px 25px #1e122308}.service-catalog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.service-catalog-search-box{flex:1;min-width:240px;position:relative}.service-catalog-search-icon{color:#7b187d;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.service-catalog-search-input{background:#fdfcfe;border:1px solid #e2dde4;border-radius:12px;width:100%;height:42px;padding:0 14px 0 40px;font-size:13px}.service-catalog-search-input:focus{border-color:#7b187d;outline:none}.service-catalog-filter-select{color:#4b5563;background:#fff;border:1px solid #e2dde4;border-radius:12px;height:42px;padding:0 14px;font-size:13px}.service-catalog-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b187d,#520b54);border:none;border-radius:12px;align-items:center;gap:6px;height:42px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .18s;display:flex;box-shadow:0 6px 16px #7b187d33}.service-catalog-add-btn:hover{transform:translateY(-1px)}.service-catalog-limit-badge{color:#520b54;background:#f3e8f4;border:1px solid #e2c5e4;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.service-catalog-products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.service-catalog-product-card{background:#fff;border:1px solid #e8e1ea;border-radius:18px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 14px #1e122308}.service-catalog-product-card:hover{border-color:#d2acd3;transform:translateY(-3px);box-shadow:0 12px 30px #7b187d1a}.service-catalog-product-image{background:#f1edf2;height:160px;position:relative}.service-catalog-product-image img{object-fit:cover;width:100%;height:100%}.service-catalog-status-badge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:850;position:absolute;top:10px;left:10px}.service-catalog-status-badge.active{color:#fff;background:#10b981e0}.service-catalog-status-badge.inactive{color:#fff;background:#6b7280e0}.service-catalog-product-body{flex-direction:column;flex:1;padding:14px;display:flex}.service-catalog-product-category{color:#7b187d;background:#f7eff8;border-radius:6px;width:max-content;padding:3px 8px;font-size:10px;font-weight:850}.service-catalog-product-name{color:#1e1721;margin:8px 0 4px;font-size:14px;font-weight:850}.service-catalog-product-desc{color:#6b7280;margin:0;font-size:11.5px;line-height:1.4}.service-catalog-price-row{align-items:center;gap:8px;margin-top:12px;display:flex}.service-catalog-final-price{color:#7b187d;font-size:16px;font-weight:900}.service-catalog-original-price{color:#9ca3af;font-size:12px;text-decoration:line-through}.service-catalog-discount-pill{color:#047857;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.service-catalog-product-actions{border-top:1px solid #f0ebf1;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.service-catalog-action-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e8e1ea;border-radius:8px;place-items:center;width:32px;height:32px;font-size:14px;transition:all .18s;display:grid}.service-catalog-action-btn:hover{color:#7b187d;background:#fbf8fc;border-color:#7b187d}.service-catalog-action-btn.danger:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.service-catalog-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#11182799;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.service-catalog-modal{background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:min(520px,100%);max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #0003}.service-catalog-modal-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:850}.service-catalog-form-group{flex-direction:column;gap:6px;display:flex}.service-catalog-form-label{color:#4b5563;font-size:11.5px;font-weight:750}.service-catalog-form-input{border:1px solid #e2dde4;border-radius:10px;height:40px;padding:0 12px;font-size:13px}.service-catalog-form-input:focus{border-color:#7b187d;outline:none}.service-catalog-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.service-catalog-table-wrap{border:1px solid #e8e1ea;border-radius:14px;overflow-x:auto}.service-catalog-table{border-collapse:collapse;text-align:left;width:100%}.service-catalog-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#faf9fb;border-bottom:1px solid #e8e1ea;padding:12px 16px;font-size:11px;font-weight:800}.service-catalog-table td{color:#374151;border-bottom:1px solid #f0edf1;padding:14px 16px;font-size:13px}@media (width<=900px){.service-catalog-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.service-catalog-hero{flex-direction:column;align-items:flex-start}.service-catalog-tabs{flex-direction:column}}.one-qr-page{flex-direction:column;gap:20px;display:flex}.one-qr-card{background:#fff;border:1px solid #e8e1ea;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 8px 25px #1e122308}.one-qr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:24px;display:grid}.one-qr-preview{color:#fff;text-align:center;background:linear-gradient(135deg,#8b1a8b,#6b156b);border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex;box-shadow:0 16px 36px #8b1a8b40}.one-qr-box{background:#fff;border-radius:16px;place-items:center;width:200px;height:200px;padding:16px;display:grid;box-shadow:0 8px 20px #0003}.one-qr-box img{width:100%;height:100%}.one-qr-actions{flex-wrap:wrap;gap:12px;display:flex}.one-qr-btn{color:#fff;background:#8b1a8b;border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:13px;font-weight:800;display:inline-flex}.one-qr-btn.secondary{color:#8b1a8b;background:#faf8fb;border:1px solid #d2acd3}.merchant-booking-page{flex-direction:column;gap:24px;padding:12px 0 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.merchant-booking-toast{z-index:9999;color:#fff;background:#111827;border-radius:14px;align-items:center;gap:10px;padding:14px 20px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 36px #00000047}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.merchant-booking-alert-banner{border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;font-size:13.5px;font-weight:600;display:flex;box-shadow:0 4px 16px #0000000a}.merchant-booking-alert-banner.warning{color:#92400e;background:#fffbeb;border:1px solid #fcd34d}.merchant-booking-hero{border-radius:var(--card-radius);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-subtle);color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.merchant-booking-hero-text{max-width:620px}.merchant-booking-hero-eyebrow{background:var(--primary-purple-light);border:1px solid var(--primary-purple-border);color:var(--primary-purple);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.merchant-booking-hero-title{letter-spacing:-.02em;color:var(--text-primary);margin:8px 0 4px;font-size:24px;font-weight:800}.merchant-booking-hero-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.merchant-booking-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.merchant-booking-hero-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.merchant-booking-hero-btn.outline{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-color)}.merchant-booking-hero-btn.outline:hover{background:#e2e8f0}.merchant-booking-hero-btn.primary{background:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #7b187d33}.merchant-booking-hero-btn.primary:hover{background:var(--primary-purple-hover);transform:translateY(-1px)}.merchant-booking-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.merchant-booking-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;align-items:center;gap:16px;padding:20px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 16px #00000008}.merchant-booking-kpi-card:hover{border-color:#d1d5db;transform:translateY(-3px);box-shadow:0 10px 25px #00000012}.merchant-booking-kpi-icon{border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.merchant-booking-kpi-icon.purple{color:#7b187d;background:#fdf4ff;border:1px solid #f5d0fe}.merchant-booking-kpi-icon.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.merchant-booking-kpi-icon.amber{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.merchant-booking-kpi-icon.blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.merchant-booking-kpi-icon.red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.merchant-booking-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11.5px;font-weight:800;display:block}.merchant-booking-kpi-value{color:#111827;letter-spacing:-.03em;font-size:28px;font-weight:900;line-height:1.1;display:block}.merchant-booking-nav-bar{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.merchant-booking-nav-pill{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 16px;font-size:13px;font-weight:750;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000008}.merchant-booking-nav-pill:hover{color:#7b187d;background:#fdf4ff;border-color:#f5d0fe;transform:translateY(-2px);box-shadow:0 6px 18px #7b187d1f}.merchant-booking-shell{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000008}.merchant-booking-toolbar{background:#fafafa;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.merchant-booking-status-tabs{background:#e5e7eb;border-radius:12px;align-items:center;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.merchant-booking-tab{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s}.merchant-booking-tab.active{color:#7b187d;background:#fff;box-shadow:0 2px 8px #0000001a}.merchant-booking-search-box{flex:1;min-width:240px;position:relative}.merchant-booking-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.merchant-booking-search-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:40px;padding:0 14px 0 38px;font-size:13px;transition:border-color .2s}.merchant-booking-search-input:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.merchant-booking-date-input{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;height:40px;padding:0 12px;font-size:13px}.merchant-booking-clear-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;height:40px;padding:0 14px;font-size:12.5px;font-weight:700;transition:all .2s}.merchant-booking-clear-btn:hover{color:#111827;background:#e5e7eb}.merchant-booking-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.merchant-booking-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.merchant-booking-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:11.5px;font-weight:800}.merchant-booking-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px 18px;font-size:13.5px;transition:background .15s}.merchant-booking-table tr:hover td{background:#fdf4ff}.merchant-booking-table code{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.merchant-booking-service-tag{color:#7b187d;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.merchant-booking-status-pill{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.merchant-booking-status-pill.confirmed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.merchant-booking-status-pill.pending,.merchant-booking-status-pill.pending_approval{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.merchant-booking-status-pill.completed{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.merchant-booking-status-pill.rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.merchant-booking-status-pill.cancelled{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb}.merchant-booking-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.merchant-booking-action-btn.confirm{color:#fff;background:#10b981}.merchant-booking-action-btn.confirm:hover{background:#059669;transform:translateY(-1px)}.merchant-booking-action-btn.complete{color:#fff;background:#0284c7}.merchant-booking-action-btn.complete:hover{background:#0369a1;transform:translateY(-1px)}.merchant-booking-action-btn.reject{color:#fff;background:#ef4444}.merchant-booking-action-btn.reject:hover{background:#dc2626;transform:translateY(-1px)}.merchant-booking-btn.primary-sm{color:#fff;cursor:pointer;background:#7b187d;border:none;border-radius:10px;height:36px;padding:0 16px;font-size:12.5px;font-weight:700}.merchant-booking-btn.outline-sm{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;height:36px;padding:0 16px;font-size:12.5px;font-weight:700}.merchant-booking-loading,.merchant-booking-empty-state,.merchant-booking-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.merchant-booking-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#11182799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.merchant-booking-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 25px 50px -12px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.merchant-booking-icon-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width<=768px){.merchant-booking-hero{padding:22px 20px}.merchant-booking-hero-title{font-size:22px}.merchant-booking-kpi-grid,.merchant-booking-nav-bar{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.merchant-booking-kpi-grid,.merchant-booking-nav-bar{grid-template-columns:1fr}}.merchant-service-page{flex-direction:column;gap:24px;padding:8px 0 40px;display:flex}.merchant-service-toast{z-index:9999;color:#fff;background:#111827;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #00000040}.merchant-service-alert-banner{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:13.5px;font-weight:600;display:flex}.merchant-service-alert-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.merchant-service-hero{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#651069 48%,#4e0c55 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #66146c2e}.merchant-service-hero-text{max-width:650px}.merchant-service-hero-eyebrow{color:#fffffff2;letter-spacing:.09em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:850;display:inline-flex}.merchant-service-hero-title{letter-spacing:-.03em;color:#fff;margin:10px 0 6px;font-size:28px;font-weight:900}.merchant-service-hero-subtitle{color:#ffffffd1;margin:0;font-size:13.5px;line-height:1.5}.merchant-service-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.merchant-service-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.merchant-service-btn.primary{color:#fff;background:#7b187d;box-shadow:0 4px 14px #7b187d40}.merchant-service-btn.primary:hover{background:#651069}.merchant-service-btn.secondary{color:#374151;background:#f3f4f6}.merchant-service-btn.secondary:hover{background:#e5e7eb}.merchant-service-btn.hero-secondary{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.merchant-service-btn.hero-secondary:hover{background:#ffffff40}.merchant-service-btn.hero-primary{color:#7b187d;background:#fff;box-shadow:0 8px 20px #00000026}.merchant-service-btn.hero-primary:hover{transform:translateY(-2px)}.merchant-service-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.merchant-service-search-box{flex:1;min-width:260px;position:relative}.merchant-service-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.merchant-service-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:42px;padding:0 16px 0 40px;font-size:13.5px;transition:border-color .2s}.merchant-service-search-input:focus{background:#fff;border-color:#7b187d}.merchant-service-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.merchant-service-select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;height:42px;padding:0 14px;font-size:13px}.merchant-service-status-tabs{background:#f3f4f6;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.merchant-service-status-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s}.merchant-service-status-tab.active{color:#7b187d;background:#fff;box-shadow:0 2px 8px #00000014}.merchant-service-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;display:grid}.merchant-service-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #00000008}.merchant-service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000012}.merchant-service-card.inactive{opacity:.65;background:#f9fafb}.merchant-service-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.merchant-service-category-tag{color:#7b187d;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.merchant-service-card-actions{align-items:center;gap:6px;display:flex}.merchant-service-icon-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.merchant-service-icon-btn:hover{color:#111827;background:#f3f4f6}.merchant-service-icon-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.merchant-service-card-title{color:#111827;margin:0 0 6px;font-size:17px;font-weight:800}.merchant-service-card-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.merchant-service-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.merchant-service-meta{flex-direction:column;gap:2px;display:flex}.merchant-service-meta-item{color:#6b7280;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.merchant-service-meta-price{color:#111827;font-size:20px;font-weight:900}.merchant-service-status-toggle{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.merchant-service-status-toggle.active{color:#059669;background:#ecfdf5}.merchant-service-status-toggle:not(.active){color:#dc2626;background:#fef2f2}.merchant-service-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#11182799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.merchant-service-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:540px;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000040}.merchant-service-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.merchant-service-modal-title{color:#111827;margin:0;font-size:18px;font-weight:800}.merchant-service-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.merchant-service-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.merchant-service-form-group{flex-direction:column;gap:6px;display:flex}.merchant-service-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.merchant-service-label{color:#374151;font-size:12.5px;font-weight:700}.merchant-service-input,.merchant-service-textarea{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px}.merchant-service-input:focus,.merchant-service-textarea:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.merchant-service-checkbox-group{align-items:center;gap:10px;margin-top:6px;display:flex}.merchant-service-checkbox-label{color:#374151;cursor:pointer;font-size:13px;font-weight:600}.merchant-service-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.merchant-service-empty-icon{color:#d1d5db;font-size:48px}.service-category-page{flex-direction:column;gap:24px;padding:8px 0 40px;display:flex}.service-category-toast{z-index:9999;color:#fff;background:#111827;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #00000040}.service-category-alert-banner{border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:13.5px;font-weight:600;display:flex}.service-category-alert-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.service-category-hero{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#651069 48%,#4e0c55 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #66146c2e}.service-category-hero-text{max-width:650px}.service-category-hero-eyebrow{color:#fffffff2;letter-spacing:.09em;text-transform:uppercase;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:850;display:inline-flex}.service-category-hero-title{letter-spacing:-.03em;color:#fff;margin:10px 0 6px;font-size:28px;font-weight:900}.service-category-hero-subtitle{color:#ffffffd1;margin:0;font-size:13.5px;line-height:1.5}.service-category-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.service-category-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.service-category-btn.primary{color:#fff;background:#7b187d;box-shadow:0 4px 14px #7b187d40}.service-category-btn.primary:hover{background:#651069}.service-category-btn.secondary{color:#374151;background:#f3f4f6}.service-category-btn.secondary:hover{background:#e5e7eb}.service-category-btn.hero-secondary{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.service-category-btn.hero-secondary:hover{background:#ffffff40}.service-category-btn.hero-primary{color:#7b187d;background:#fff;box-shadow:0 8px 20px #00000026}.service-category-btn.hero-primary:hover{transform:translateY(-2px)}.service-category-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.service-category-search-box{flex:1;min-width:260px;position:relative}.service-category-search-icon{color:#9ca3af;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.service-category-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:42px;padding:0 16px 0 40px;font-size:13.5px;transition:border-color .2s}.service-category-search-input:focus{background:#fff;border-color:#7b187d}.service-category-status-tabs{background:#f3f4f6;border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex}.service-category-status-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s}.service-category-status-tab.active{color:#7b187d;background:#fff;box-shadow:0 2px 8px #00000014}.service-category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.service-category-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 18px #00000008}.service-category-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000012}.service-category-card.inactive{opacity:.65}.service-category-card-media{background:#f3f4f6;width:100%;height:140px;position:relative}.service-category-img{object-fit:cover;width:100%;height:100%}.service-category-placeholder{background:#fdf4ff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.service-category-badge{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.service-category-badge.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.service-category-badge.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.service-category-card-body{flex:1;padding:18px 20px}.service-category-card-title{color:#111827;margin:0 0 6px;font-size:17px;font-weight:800}.service-category-card-desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.service-category-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.service-category-meta{color:#9ca3af;font-size:12px;font-weight:700}.service-category-card-actions{align-items:center;gap:6px;display:flex}.service-category-icon-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.service-category-icon-btn:hover{color:#111827;background:#f3f4f6}.service-category-icon-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.service-category-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#11182799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.service-category-modal{background:#fff;border-radius:24px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040}.service-category-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.service-category-modal-title{color:#111827;margin:0;font-size:18px;font-weight:800}.service-category-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.service-category-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.service-category-form-group{flex-direction:column;gap:6px;display:flex}.service-category-label{color:#374151;font-size:12.5px;font-weight:700}.service-category-input,.service-category-textarea{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px}.service-category-input:focus,.service-category-textarea:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.service-category-checkbox-group{align-items:center;gap:10px;display:flex}.service-category-checkbox-label{color:#374151;cursor:pointer;font-size:13px;font-weight:600}.service-category-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.service-category-empty-icon{color:#d1d5db;font-size:48px}.booking-management-hub{flex-direction:column;gap:20px;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px 28px 48px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.hub-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hub-header-text{flex-direction:column;gap:4px;display:flex}.hub-title{color:#20252a;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.hub-subtitle{color:#70756f;margin:0;font-size:13px}.hub-workflow-badge{color:#70756f;background:#fff;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;display:flex;box-shadow:0 2px 10px #322d2308}.hub-workflow-badge .wf-step{color:#7b187d;font-weight:600}.hub-workflow-badge .wf-arrow{color:#94a3b8;font-size:11px}.hub-tab-bar-container{background:#fff;border-radius:16px;padding:6px;box-shadow:0 4px 20px #0f172a0a}.hub-tab-bar{align-items:center;gap:8px;display:flex}.hub-tab-btn{color:#70756f;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:all .18s;display:flex}.hub-tab-btn:hover:not(.active){color:#20252a;background:#00000008}.hub-tab-btn.active{color:#7b187d;background:#f3e8ff;font-weight:600;box-shadow:0 2px 8px #7b187d14}.hub-tab-btn.active .tab-icon{color:#7b187d}.tab-icon{color:#70756f;font-size:16px;transition:color .18s}.hub-tab-content{flex-direction:column;min-width:0;display:flex}@media (width<=768px){.booking-management-hub{padding:16px}.hub-tab-bar{flex-direction:column;width:100%}.hub-tab-btn{justify-content:flex-start;width:100%}}.booking-setup-page{flex-direction:column;gap:24px;max-width:900px;margin:0 auto;padding:8px 0 40px;display:flex}.booking-setup-toast{z-index:9999;color:#fff;background:#111827;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #00000040}.booking-setup-hero{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#651069 48%,#4e0c55 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #66146c2e}.booking-setup-hero-text{max-width:650px}.booking-setup-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:background .2s;display:inline-flex}.booking-setup-back-btn:hover{background:#ffffff40}.booking-setup-hero-title{letter-spacing:-.03em;color:#fff;margin:4px 0 6px;font-size:26px;font-weight:900}.booking-setup-hero-subtitle{color:#ffffffd1;margin:0;font-size:13.5px;line-height:1.5}.booking-setup-hero-actions{align-items:center;gap:12px;display:flex}.booking-setup-alert{border-radius:14px;align-items:center;gap:12px;padding:14px 20px;font-size:13.5px;font-weight:600;display:flex}.booking-setup-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.booking-setup-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 22px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.booking-setup-btn.primary{color:#fff;background:#7b187d;box-shadow:0 4px 14px #7b187d40}.booking-setup-btn.primary:hover{background:#651069}.booking-setup-btn.secondary{color:#374151;background:#f3f4f6}.booking-setup-btn.secondary:hover{background:#e5e7eb}.booking-setup-btn.hero-secondary{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.booking-setup-btn.hero-secondary:hover{background:#ffffff40}.booking-setup-form{flex-direction:column;gap:20px;display:flex}.booking-setup-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:26px;box-shadow:0 4px 20px #00000008}.booking-setup-card-header{border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.booking-setup-card-icon{color:#7b187d;background:#fdf4ff;border-radius:12px;padding:10px;font-size:24px}.booking-setup-card-title{color:#111827;margin:0 0 4px;font-size:18px;font-weight:800}.booking-setup-card-subtitle{color:#6b7280;margin:0;font-size:13px}.booking-setup-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.booking-setup-field{flex-direction:column;gap:6px;display:flex}.booking-setup-label{color:#374151;font-size:13px;font-weight:700}.booking-setup-input,.booking-setup-select,.booking-setup-textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .2s}.booking-setup-input:focus,.booking-setup-select:focus,.booking-setup-textarea:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.booking-setup-hint{color:#9ca3af;font-size:11.5px;line-height:1.4}.booking-setup-toggle-group{flex-direction:column;gap:14px;display:flex}.booking-setup-toggle-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.booking-setup-toggle-title{color:#111827;font-size:14px;font-weight:700}.booking-setup-toggle-desc{color:#6b7280;margin-top:2px;font-size:12px}.booking-setup-checkbox{accent-color:#7b187d;cursor:pointer;width:20px;height:20px}.booking-setup-footer{justify-content:flex-end;align-items:center;gap:14px;padding-top:10px;display:flex}.booking-setup-loading{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.time-slot-page{flex-direction:column;gap:24px;padding:8px 0 40px;display:flex}.time-slot-toast{z-index:9999;color:#fff;background:#111827;border-radius:12px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #00000040}.time-slot-hero{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#651069 48%,#4e0c55 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #66146c2e}.time-slot-hero-text{max-width:650px}.time-slot-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:background .2s;display:inline-flex}.time-slot-back-btn:hover{background:#ffffff40}.time-slot-hero-title{letter-spacing:-.03em;color:#fff;margin:4px 0 6px;font-size:26px;font-weight:900}.time-slot-hero-subtitle{color:#ffffffd1;margin:0;font-size:13.5px;line-height:1.5}.time-slot-hero-actions{align-items:center;gap:12px;display:flex}.time-slot-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.time-slot-filter-item{align-items:center;gap:10px;display:flex}.time-slot-filter-icon{color:#7b187d;font-size:18px}.time-slot-filter-label{color:#374151;font-size:13.5px;font-weight:700}.time-slot-date-input{color:#111827;border:1px solid #e5e7eb;border-radius:10px;outline:none;height:40px;padding:0 14px;font-size:13.5px}.time-slot-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.time-slot-btn.primary{color:#fff;background:#7b187d;box-shadow:0 4px 14px #7b187d40}.time-slot-btn.primary:hover{background:#651069}.time-slot-btn.secondary{color:#374151;background:#f3f4f6}.time-slot-btn.secondary:hover{background:#e5e7eb}.time-slot-btn.hero-secondary{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.time-slot-btn.hero-secondary:hover{background:#ffffff40}.time-slot-btn.hero-primary{color:#7b187d;background:#fff;box-shadow:0 8px 20px #00000026}.time-slot-btn.hero-primary:hover{transform:translateY(-2px)}.time-slot-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.time-slot-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;justify-content:space-between;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #00000008}.time-slot-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000000f}.time-slot-card-header{justify-content:space-between;align-items:center;display:flex}.time-slot-time-range{color:#111827;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.time-slot-icon-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.time-slot-icon-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.time-slot-card-body{flex-direction:column;gap:8px;display:flex}.time-slot-reason{color:#4b5563;font-size:13.5px;font-weight:600}.time-slot-date-badge{color:#7b187d;background:#fdf4ff;border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.time-slot-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#11182799;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.time-slot-modal{background:#fff;border-radius:24px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040}.time-slot-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.time-slot-modal-title{color:#111827;margin:0;font-size:18px;font-weight:800}.time-slot-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.time-slot-modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.time-slot-form-group{flex-direction:column;gap:6px;display:flex}.time-slot-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.time-slot-label{color:#374151;font-size:12.5px;font-weight:700}.time-slot-input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px}.time-slot-input:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.time-slot-empty{text-align:center;color:#6b7280;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.time-slot-empty-icon{color:#d1d5db;font-size:48px}:root{--crm-purple-primary:#7b187d;--crm-purple-hover:#651069;--crm-purple-light:#fdf4ff;--crm-purple-border:#f5d0fe;--crm-accent-green:#10b981;--crm-accent-green-bg:#ecfdf5;--crm-accent-blue:#3b82f6;--crm-accent-blue-bg:#eff6ff;--crm-accent-orange:#f59e0b;--crm-accent-orange-bg:#fffbeb;--crm-accent-red:#ef4444;--crm-accent-red-bg:#fef2f2;--crm-bg-body:#f8fafc;--crm-card-bg:#fff;--crm-text-dark:#1e293b;--crm-text-muted:#64748b;--crm-border-color:#e2e8f0;--crm-radius-sm:8px;--crm-radius-md:12px;--crm-radius-lg:16px;--crm-radius-xl:24px;--crm-shadow-sm:0 1px 3px #0000000d;--crm-shadow-md:0 4px 12px #7b187d0f;--crm-shadow-lg:0 12px 32px #00000014}.crm-main-container{color:var(--crm-text-dark);flex-direction:column;gap:24px;padding:16px 0 48px;font-family:inherit;display:flex}.crm-toast-banner{z-index:9999;background:var(--crm-purple-primary);color:#fff;border-radius:var(--crm-radius-md);align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) crmSlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #7b187d59}.crm-toast-banner .toast-icon{color:#4ade80;font-size:18px}@keyframes crmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.crm-header-card{border-radius:var(--crm-radius-xl);color:#fff;background:linear-gradient(135deg,#7b187d 0%,#5c105e 50%,#420844 100%);justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #7b187d2e}.crm-header-card:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-40%;right:-10%}.crm-header-text{max-width:640px}.crm-eyebrow-pill{letter-spacing:.08em;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.crm-title{letter-spacing:-.02em;color:#fff;margin:0 0 6px;font-size:28px;font-weight:800}.crm-subtitle{color:#ffffffd9;margin:0;font-size:14px;line-height:1.5}.crm-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.crm-btn{border-radius:var(--crm-radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.crm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.crm-btn.primary{color:var(--crm-purple-primary);background:#fff;box-shadow:0 4px 14px #0000001f}.crm-btn.primary:not(:disabled):hover{background:#fcf4ff;transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.crm-btn.secondary{color:#fff;background:#ffffff26;border:1px solid #ffffff4d}.crm-btn.secondary:not(:disabled):hover{background:#ffffff40}.crm-btn.secondary-sm{background:var(--crm-border-color);height:34px;color:var(--crm-text-dark);padding:0 14px;font-size:12px}.crm-btn.danger{background:var(--crm-accent-red);color:#fff;box-shadow:0 4px 12px #ef444440}.crm-btn.danger:not(:disabled):hover{background:#dc2626}.crm-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.crm-stat-card{background:var(--crm-card-bg);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-lg);box-shadow:var(--crm-shadow-sm);align-items:center;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.crm-stat-card:hover{box-shadow:var(--crm-shadow-md);transform:translateY(-2px)}.crm-stat-icon-wrapper{border-radius:var(--crm-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.crm-stat-icon-wrapper.purple{background:var(--crm-purple-light);color:var(--crm-purple-primary)}.crm-stat-icon-wrapper.green{background:var(--crm-accent-green-bg);color:var(--crm-accent-green)}.crm-stat-icon-wrapper.blue{background:var(--crm-accent-blue-bg);color:var(--crm-accent-blue)}.crm-stat-icon-wrapper.orange{background:var(--crm-accent-orange-bg);color:var(--crm-accent-orange)}.crm-stat-content{flex-direction:column;display:flex}.crm-stat-value{color:var(--crm-text-dark);font-size:24px;font-weight:800;line-height:1.1}.crm-stat-label{color:var(--crm-text-muted);margin-top:4px;font-size:13px;font-weight:500}.crm-controls-card{background:var(--crm-card-bg);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-lg);box-shadow:var(--crm-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.crm-search-box{background:var(--crm-bg-body);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);flex:1;align-items:center;gap:10px;min-width:280px;padding:4px 6px 4px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.crm-search-box:focus-within{border-color:var(--crm-purple-primary);background:#fff;box-shadow:0 0 0 3px #7b187d1a}.crm-search-icon{color:var(--crm-text-muted);font-size:18px}.crm-search-input{color:var(--crm-text-dark);background:0 0;border:none;outline:none;width:100%;font-size:14px}.crm-clear-search-btn{color:var(--crm-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.crm-clear-search-btn:hover{color:var(--crm-text-dark);background:#0000000d}.crm-search-btn{background:var(--crm-purple-primary);color:#fff;border-radius:var(--crm-radius-sm);cursor:pointer;border:none;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:background .2s}.crm-search-btn:hover{background:var(--crm-purple-hover)}.crm-filter-group{background:var(--crm-bg-body);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.crm-filter-group .filter-icon{color:var(--crm-text-muted)}.crm-filter-select{color:var(--crm-text-dark);cursor:pointer;background:0 0;border:none;outline:none;font-size:13.5px;font-weight:600}.crm-table-card{background:var(--crm-card-bg);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-lg);box-shadow:var(--crm-shadow-sm);overflow:hidden}.crm-table-wrapper{width:100%;overflow-x:auto}.crm-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.crm-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--crm-text-muted);border-bottom:1px solid var(--crm-border-color);background:#f8fafc;padding:14px 20px;font-size:12px;font-weight:700}.crm-table td{border-bottom:1px solid var(--crm-border-color);vertical-align:middle;padding:16px 20px}.crm-table-row{transition:background .15s}.crm-table-row:hover{background:#fdf4ff}.crm-table-row:last-child td{border-bottom:none}.crm-customer-cell{align-items:center;gap:12px;display:flex}.crm-table-avatar{background:linear-gradient(135deg, var(--crm-purple-primary), #a21caf);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #7b187d33}.crm-customer-meta{flex-direction:column;gap:2px;display:flex}.crm-customer-name{color:var(--crm-text-dark);font-weight:700}.crm-card-badge{color:var(--crm-purple-primary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.crm-mobile-text,.crm-email-text{color:var(--crm-text-dark);align-items:center;gap:6px;font-weight:500;display:inline-flex}.crm-mobile-text .cell-ic,.crm-email-text .cell-ic{color:var(--crm-text-muted)}.crm-empty-text{color:#94a3b8;font-style:italic}.crm-source-tag{background:var(--crm-bg-body);border:1px solid var(--crm-border-color);color:var(--crm-text-dark);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.crm-status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.crm-status-pill.active{background:var(--crm-accent-green-bg);color:var(--crm-accent-green)}.crm-status-pill.inactive{background:var(--crm-accent-red-bg);color:var(--crm-accent-red)}.crm-status-pill .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.crm-date-text{color:var(--crm-text-muted);font-size:13px}.crm-actions-group{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.crm-action-btn{border:1px solid var(--crm-border-color);height:32px;color:var(--crm-text-dark);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.crm-action-btn:hover{transform:translateY(-1px)}.crm-action-btn.view:hover{background:var(--crm-accent-blue-bg);color:var(--crm-accent-blue);border-color:#bfdbfe}.crm-action-btn.edit:hover,.crm-action-btn.v360{background:var(--crm-purple-light);color:var(--crm-purple-primary);border-color:var(--crm-purple-border)}.crm-action-btn.v360:hover{background:var(--crm-purple-primary);color:#fff}.crm-action-btn.delete{color:#94a3b8;padding:0 8px}.crm-action-btn.delete:hover{background:var(--crm-accent-red-bg);color:var(--crm-accent-red);border-color:#fca5a5}.crm-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}@keyframes crmSpin{to{transform:rotate(360deg)}}.empty-icon{color:#cbd5e1;margin-bottom:12px;font-size:48px}.crm-state-title{margin:0 0 6px;font-size:18px;font-weight:700}.crm-state-subtitle{color:var(--crm-text-muted);max-width:400px;margin:0 0 16px;font-size:14px}.crm-pagination-bar{border-top:1px solid var(--crm-border-color);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.crm-pagination-info{color:var(--crm-text-muted);font-size:13px}.crm-pagination-controls{align-items:center;gap:10px;display:flex}.crm-pg-btn{border-radius:var(--crm-radius-sm);border:1px solid var(--crm-border-color);cursor:pointer;background:#fff;align-items:center;gap:4px;height:34px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.crm-pg-btn:disabled{opacity:.5;cursor:not-allowed}.crm-pg-num{color:var(--crm-text-dark);font-size:13px;font-weight:600}.crm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s crmFadeIn;display:flex;position:fixed;inset:0}@keyframes crmFadeIn{0%{opacity:0}to{opacity:1}}.crm-modal-content{border-radius:var(--crm-radius-xl);box-shadow:var(--crm-shadow-lg);background:#fff;flex-direction:column;width:100%;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) crmPopIn;display:flex;overflow:hidden}@keyframes crmPopIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.crm-modal-header{border-bottom:1px solid var(--crm-border-color);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.crm-modal-header-flex{align-items:center;gap:14px;display:flex}.crm-avatar-large{background:linear-gradient(135deg, var(--crm-purple-primary), #a21caf);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:800;display:flex}.crm-modal-title{color:var(--crm-text-dark);margin:0;font-size:20px;font-weight:800}.crm-modal-subtitle{color:var(--crm-text-muted);margin:2px 0 0;font-size:13px}.crm-modal-badges{align-items:center;gap:8px;margin-top:6px;display:flex}.crm-source-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.crm-modal-close{color:var(--crm-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:background .15s;display:flex}.crm-modal-close:hover{color:var(--crm-text-dark);background:#f1f5f9}.crm-modal-close.light{color:#fffc}.crm-modal-close.light:hover{color:#fff;background:#fff3}.crm-modal-form{padding:24px;overflow-y:auto}.crm-form-error-alert{background:var(--crm-accent-red-bg);color:var(--crm-accent-red);border-radius:var(--crm-radius-sm);border:1px solid #fca5a5;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600}.crm-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.crm-form-group{flex-direction:column;gap:6px;display:flex}.crm-form-group.full-width{grid-column:span 2}.crm-form-label{color:var(--crm-text-dark);font-size:13px;font-weight:700}.required-star{color:var(--crm-accent-red)}.crm-input-icon-wrapper{align-items:center;display:flex;position:relative}.crm-input-icon-wrapper .input-icon{color:var(--crm-text-muted);pointer-events:none;font-size:16px;position:absolute;left:12px}.crm-input-icon-wrapper .textarea-icon{top:12px}.crm-input,.crm-select,.crm-textarea{border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-sm);width:100%;color:var(--crm-text-dark);background:#fff;outline:none;padding:10px 14px 10px 38px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.crm-select{cursor:pointer}.crm-textarea{resize:vertical;min-height:80px}.crm-input:focus,.crm-select:focus,.crm-textarea:focus{border-color:var(--crm-purple-primary);box-shadow:0 0 0 3px #7b187d1a}.crm-modal-footer{border-top:1px solid var(--crm-border-color);background:#f8fafc;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.crm-modal-footer.center{justify-content:center}.crm-details-modal .crm-modal-body{padding:24px;overflow-y:auto}.crm-details-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.crm-detail-card{background:var(--crm-bg-body);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);align-items:center;gap:12px;padding:14px;display:flex}.crm-detail-card.full-width{grid-column:span 2}.crm-detail-icon{border-radius:var(--crm-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.crm-detail-icon.purple{background:var(--crm-purple-light);color:var(--crm-purple-primary)}.crm-detail-icon.green{background:var(--crm-accent-green-bg);color:var(--crm-accent-green)}.crm-detail-icon.blue{background:var(--crm-accent-blue-bg);color:var(--crm-accent-blue)}.crm-detail-icon.orange{background:var(--crm-accent-orange-bg);color:var(--crm-accent-orange)}.crm-detail-icon.gray{color:#475569;background:#e2e8f0}.crm-detail-info{flex-direction:column;display:flex}.crm-detail-label{text-transform:uppercase;color:var(--crm-text-muted);font-size:11px;font-weight:700}.crm-detail-value{color:var(--crm-text-dark);margin-top:2px;font-size:14px;font-weight:600}.crm-detail-value.highlight{color:var(--crm-purple-primary);font-family:monospace;font-size:15px}.crm-detail-notes-box{border-radius:var(--crm-radius-md);background:#faf5ff;border:1px solid #f3e8ff;grid-column:span 2;padding:14px}.crm-notes-header{color:var(--crm-purple-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.crm-notes-text{color:#475569;margin:0;font-size:13.5px;line-height:1.5}.crm-360-header{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#4a094c 100%);justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}.crm-360-header-main{align-items:center;gap:16px;display:flex}.crm-360-avatar{width:60px;height:60px;color:var(--crm-purple-primary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex;box-shadow:0 4px 14px #0003}.crm-360-eyebrow{letter-spacing:.1em;background:#ffffff26;border-radius:4px;margin-bottom:4px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-block}.crm-360-name{color:#fff;margin:0;font-size:24px;font-weight:800}.crm-360-meta-line{color:#ffffffd9;flex-wrap:wrap;align-items:center;gap:16px;margin-top:6px;font-size:13px;display:flex}.crm-360-meta-line span{align-items:center;gap:6px;display:flex}.crm-360-tabs{border-bottom:1px solid var(--crm-border-color);background:#f8fafc;gap:8px;padding:0 24px;display:flex;overflow-x:auto}.crm-360-tab-btn{color:var(--crm-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:14px 16px;font-size:13.5px;font-weight:600;display:flex}.crm-360-tab-btn:hover{color:var(--crm-purple-primary)}.crm-360-tab-btn.active{color:var(--crm-purple-primary);border-bottom-color:var(--crm-purple-primary)}.crm-360-body{padding:24px;overflow-y:auto}.crm-360-stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.crm-360-stat-card{background:var(--crm-bg-body);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);align-items:center;gap:10px;padding:12px 14px;display:flex}.stat-ic-box{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.stat-ic-box.purple{background:var(--crm-purple-light);color:var(--crm-purple-primary)}.stat-ic-box.green{background:var(--crm-accent-green-bg);color:var(--crm-accent-green)}.stat-ic-box.orange{background:var(--crm-accent-orange-bg);color:var(--crm-accent-orange)}.stat-ic-box.blue{background:var(--crm-accent-blue-bg);color:var(--crm-accent-blue)}.stat-num{color:var(--crm-text-dark);font-size:18px;font-weight:800;display:block}.stat-num.text-sm{font-size:13px}.stat-lbl{color:var(--crm-text-muted);font-size:11px}.crm-360-section{margin-bottom:24px}.crm-360-section-title{color:var(--crm-text-dark);align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.crm-360-info-grid{border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);background:#fff;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;display:grid}.info-item{flex-direction:column;display:flex}.info-label{color:var(--crm-text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.info-val{color:var(--crm-text-dark);margin-top:2px;font-size:14px;font-weight:600}.badge-source{background:var(--crm-purple-light);color:var(--crm-purple-primary);border-radius:4px;width:fit-content;padding:2px 8px;display:inline-block}.crm-360-notes-box{background:var(--crm-bg-body);border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);color:var(--crm-text-dark);margin:0;padding:14px;font-size:14px}.crm-360-list-container{flex-direction:column;gap:10px;display:flex}.crm-360-list-item{border:1px solid var(--crm-border-color);border-radius:var(--crm-radius-md);background:#fff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.list-item-left{align-items:center;gap:12px;display:flex}.list-icon{color:var(--crm-purple-primary);font-size:20px}.list-icon.green{color:var(--crm-accent-green)}.list-icon.purple{color:var(--crm-purple-primary)}.list-item-right{align-items:center;gap:12px;display:flex}.amount-text{color:var(--crm-accent-green);font-size:15px}.crm-delete-modal{text-align:center;padding:28px 24px}.crm-delete-icon-wrapper{background:var(--crm-accent-red-bg);width:64px;height:64px;color:var(--crm-accent-red);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;display:flex}.crm-delete-title{color:var(--crm-text-dark);margin:0 0 8px;font-size:20px;font-weight:800}.crm-delete-message{color:var(--crm-text-dark);margin:0 0 4px;font-size:15px}.crm-delete-warning-sub{color:var(--crm-text-muted);margin:0;font-size:13px}@media (width<=992px){.crm-header-card{flex-direction:column;align-items:flex-start}.crm-header-actions{justify-content:flex-start;width:100%}.crm-360-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.crm-form-grid{grid-template-columns:1fr}.crm-form-group.full-width{grid-column:span 1}.crm-details-grid{grid-template-columns:1fr}.crm-detail-card.full-width,.crm-detail-notes-box{grid-column:span 1}.crm-360-info-grid{grid-template-columns:1fr}.crm-actions-group{flex-wrap:wrap;justify-content:flex-start}}@media (width<=480px){.crm-title{font-size:22px}.crm-controls-card{flex-direction:column;align-items:stretch}.crm-filter-group{justify-content:space-between;width:100%}.crm-pagination-bar{text-align:center;flex-direction:column;align-items:center}}.loyalty-page{flex-direction:column;gap:24px;padding:12px 0 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.loyalty-hero{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#651069 48%,#4e0c55 100%);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #66146c2e}.loyalty-hero-text{max-width:620px}.loyalty-hero-eyebrow{color:#fffffff2;letter-spacing:.09em;text-transform:uppercase;background:#ffffff24;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:850;display:inline-flex}.loyalty-hero-title{letter-spacing:-.03em;color:#fff;margin:10px 0 6px;font-size:28px;font-weight:900}.loyalty-hero-subtitle{color:#ffffffd1;margin:0;font-size:13.5px;line-height:1.5}.loyalty-hero-actions{align-items:center;gap:12px;display:flex}.loyalty-hero-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.loyalty-hero-btn.outline{color:#fff;background:#ffffff24;border:1px solid #ffffff40}.loyalty-hero-btn.outline:hover{background:#ffffff40}.loyalty-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.loyalty-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;align-items:center;gap:16px;padding:22px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000008}.loyalty-kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000012}.loyalty-kpi-icon{border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.loyalty-kpi-icon.purple{color:#7b187d;background:#fdf4ff;border:1px solid #f5d0fe}.loyalty-kpi-icon.blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.loyalty-kpi-icon.green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.loyalty-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11.5px;font-weight:800;display:block}.loyalty-kpi-value{color:#111827;letter-spacing:-.03em;font-size:28px;font-weight:900;line-height:1.1;display:block}.loyalty-kpi-sub{color:#9ca3af;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.loyalty-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000008}.loyalty-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.loyalty-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.loyalty-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:14px 18px;font-size:11.5px;font-weight:800}.loyalty-table td{color:#111827;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:16px 18px;font-size:13.5px;transition:background .15s}.loyalty-table tr:hover td{background:#fdf4ff}.loyalty-member-name{color:#111827;font-weight:700}.loyalty-meta-text{color:#4b5563;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.loyalty-card-no{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.loyalty-date-text{color:#4b5563;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.loyalty-status-badge{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.loyalty-status-badge.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.loyalty-status-badge.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.loyalty-pagination-bar{background:#fafafa;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.loyalty-pagination-info{color:#6b7280;font-size:13px}.loyalty-pagination-controls{align-items:center;gap:8px;display:flex}.loyalty-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:4px;height:36px;padding:0 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.loyalty-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.loyalty-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.loyalty-page-badge{color:#fff;background:#7b187d;border-radius:8px;place-items:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:800;display:grid}.loyalty-btn.primary-sm{color:#fff;cursor:pointer;background:#7b187d;border:none;border-radius:10px;height:36px;padding:0 16px;font-size:12.5px}.loyalty-loading-state,.loyalty-empty-state,.loyalty-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.spin{animation:1s linear infinite spin}.whatsapp-page{flex-direction:column;gap:20px;display:flex}.whatsapp-card{background:#fff;border:1px solid #e8e1ea;border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 8px 25px #1e122308}.whatsapp-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.whatsapp-template-box{background:#faf8fb;border:1px solid #e8e1ea;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}@media (width<=768px){.whatsapp-grid{grid-template-columns:1fr}}.offer-page-container{color:#0f172a;flex-direction:column;gap:22px;max-width:1400px;margin:0 auto;padding:28px 32px 64px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.offer-toast{color:#fff;z-index:400;background:#0f172a;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:13.5px;font-weight:600;animation:.25s ease-out slideInDown;display:flex;position:fixed;top:90px;right:32px;box-shadow:0 12px 32px #00000040}.offer-toast .toast-ic{color:#10b981;font-size:18px}.offer-header{flex-direction:column;gap:14px;display:flex}.btn-back-dash{color:#7b187d;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:700;transition:color .15s;display:inline-flex}.btn-back-dash:hover{color:#5a105b;text-decoration:underline}.offer-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.offer-header-title h1{color:#0f172a;margin:0;font-size:28px;font-weight:800}.offer-header-title p{color:#64748b;margin:4px 0 0;font-size:13.5px}.offer-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.offer-search-wrap{flex:1;min-width:240px;position:relative}.offer-search-ic{color:#94a3b8;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.offer-search-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 40px 10px 42px;font-size:13.5px;font-weight:500;transition:all .15s}.offer-search-input:focus{background:#fff;border-color:#7b187d;box-shadow:0 0 0 3px #7b187d14}.offer-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.offer-search-clear:hover{color:#0f172a;background:#f1f5f9}.offer-filter-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s}.offer-filter-select:focus{background:#fff;border-color:#7b187d;box-shadow:0 0 0 3px #7b187d14}.coupon-list-wrap{margin-top:4px}.coupon-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.coupon-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.coupon-card:before{content:"";background:linear-gradient(90deg,#7b187d,#a855f7);height:4px;position:absolute;top:0;left:0;right:0}.coupon-card:hover{border-color:#d8b4fe;transform:translateY(-3px);box-shadow:0 16px 32px #7b187d1a}.coupon-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.coupon-code-wrap{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.coupon-code{letter-spacing:.06em;color:#7b187d;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;font-weight:800}.coupon-copy-btn{color:#7b187d;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;transition:background .15s;display:flex}.coupon-copy-btn:hover{background:#7b187d1a}.coupon-status{letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:5px 11px;font-size:10px;font-weight:800}.coupon-status-active{color:#166534;background:#dcfce7}.coupon-status-inactive{color:#991b1b;background:#fee2e2}.coupon-status-expired{color:#92400e;background:#fef3c7}.coupon-status-draft{color:#374151;background:#e5e7eb}.coupon-card-mid{flex-direction:column;gap:6px;display:flex}.coupon-name{color:#0f172a;margin:0;font-size:16px;font-weight:800;line-height:1.3}.coupon-discount{background:linear-gradient(135deg,#7b187d,#a855f7);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900}.coupon-meta{flex-wrap:wrap;gap:8px;display:flex}.coupon-meta-item{color:#475569;background:#f1f5f9;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.coupon-meta-item svg{font-size:12px}.coupon-channels{flex-wrap:wrap;gap:6px;display:flex}.coupon-channel-pill{color:#7b187d;letter-spacing:.03em;background:#7b187d14;border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:800}.coupon-card-foot{color:#64748b;border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-top:12px;font-size:11.5px;font-weight:600;display:flex}.coupon-validity,.coupon-usage{align-items:center;gap:5px;display:inline-flex}.coupon-usage{color:#7b187d;font-weight:800}.coupon-empty{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:70px 20px;display:flex}.coupon-empty h3{color:#0f172a;margin:0;font-size:17px;font-weight:800}.coupon-empty p{margin:0;font-size:13px}.coupon-empty-badge{color:#7b187d;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:16px;place-items:center;width:60px;height:60px;font-size:24px;display:grid}.coupon-empty-ic{color:#94a3b8;font-size:32px}.coupon-empty-ic.spin{animation:1.2s linear infinite spin}.coupon-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#0f172aa6;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}.coupon-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(1240px,100%);max-height:94vh;animation:.22s popIn;display:flex;overflow:hidden;box-shadow:0 40px 80px #00000059}.coupon-modal-head{background:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:20px 26px;display:flex}.coupon-modal-head-left{align-items:center;gap:14px;display:flex}.coupon-modal-icon{color:#fff;background:linear-gradient(135deg,#7b187d,#a855f7);border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;display:grid;box-shadow:0 8px 20px #7b187d40}.coupon-modal-head h2{color:#0f172a;margin:0;font-size:18px;font-weight:800}.coupon-modal-head p{color:#64748b;margin:3px 0 0;font-size:12.5px}.coupon-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;place-items:center;width:38px;height:38px;font-size:18px;transition:all .15s;display:grid}.coupon-modal-close:hover{color:#0f172a;background:#e2e8f0}.coupon-modal-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin:14px 26px 0;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.coupon-modal-body{background:#f8fafc;flex:1;padding:22px 26px;overflow-y:auto}.coupon-modal-grid{grid-template-columns:1fr 360px;align-items:start;gap:22px;display:grid}.coupon-form{flex-direction:column;gap:16px;display:flex}.coupon-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.coupon-section-head{border-bottom:1px dashed #e2e8f0;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.coupon-section-ic{color:#7b187d;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.coupon-section-head h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.coupon-section-head p{color:#64748b;margin:3px 0 0;font-size:11.5px}.coupon-field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coupon-field-full{grid-column:1/-1}.coupon-field-hint{color:#94a3b8;margin-left:6px;font-size:11px;font-weight:500}.req{color:#dc2626;margin-left:2px}.coupon-field-note{color:#64748b;margin-top:6px;font-size:11px;font-style:italic;display:block}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#334155;font-size:12.5px;font-weight:700}.offer-input-text,.offer-input-textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s}.offer-input-text:focus,.offer-input-textarea:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.offer-input-textarea{resize:vertical;min-height:60px}.input-with-prefix{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;transition:all .15s;display:flex;overflow:hidden}.input-with-prefix:focus-within{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.input-prefix,.input-suffix{color:#7b187d;background:#faf5ff;place-items:center;height:40px;padding:0 12px;font-size:13.5px;font-weight:800;display:grid}.input-with-prefix .offer-input-text{box-shadow:none;background:0 0;border:none;border-radius:0}.offer-type-pills{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.type-pill{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px;font-family:inherit;transition:all .15s;display:flex}.type-pill:hover{background:#faf5ff;border-color:#d8b4fe}.type-pill.active{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#7b187d;box-shadow:0 4px 14px #7b187d26}.type-pill svg{color:#94a3b8;flex-shrink:0;font-size:18px}.type-pill.active svg{color:#7b187d}.type-pill-text{flex-direction:column;line-height:1.3;display:flex}.type-pill-text span{color:#334155;font-size:13px;font-weight:800}.type-pill.active .type-pill-text span{color:#7b187d}.type-pill-text small{color:#94a3b8;margin-top:2px;font-size:11px;font-weight:500}.type-pill.active .type-pill-text small{color:#7b187d;opacity:.75}.coupon-discount-field{margin-top:4px}.coupon-radio-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.coupon-radio{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;transition:all .15s;display:flex}.coupon-radio:hover{background:#faf5ff;border-color:#d8b4fe}.coupon-radio.active{background:#faf5ff;border-color:#7b187d}.coupon-radio input{accent-color:#7b187d;cursor:pointer;margin-top:3px}.coupon-radio div{flex-direction:column;display:flex}.coupon-radio strong{color:#0f172a;font-size:13px;font-weight:800}.coupon-radio small{color:#64748b;margin-top:3px;font-size:11.5px}.coupon-services-picker{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:4px;padding:10px}.coupon-services-loading{color:#64748b;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:12.5px;font-weight:600;display:flex}.coupon-services-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;max-height:240px;padding:2px;display:grid;overflow-y:auto}.coupon-service-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.coupon-service-item:hover{border-color:#d8b4fe}.coupon-service-item.active{background:#faf5ff;border-color:#7b187d}.coupon-service-item input{accent-color:#7b187d;cursor:pointer;flex-shrink:0}.coupon-service-info{flex-direction:column;flex:1;min-width:0;display:flex}.coupon-service-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.coupon-service-id{color:#94a3b8;font-size:10px;font-weight:500}.coupon-service-price{color:#7b187d;font-size:12px;font-weight:800}.coupon-services-count{color:#7b187d;border-top:1px dashed #e2e8f0;margin-top:8px;padding:10px 12px 4px;font-size:11.5px;font-weight:700}.coupon-channel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.coupon-channel-item{cursor:pointer;color:#475569;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.coupon-channel-item:hover{background:#faf5ff;border-color:#d8b4fe}.coupon-channel-item.active{color:#7b187d;background:#faf5ff;border-color:#7b187d}.coupon-channel-item input{accent-color:#7b187d;cursor:pointer}.coupon-channel-icon{font-size:14px}.coupon-preview-panel{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.coupon-preview-head h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.coupon-preview-head p{color:#64748b;margin:3px 0 0;font-size:12px}.live-offer-card{color:#fff;background:linear-gradient(135deg,#7b187d 0%,#4a0e4c 100%);border-radius:16px;flex-direction:column;gap:12px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #7b187d4d}.live-offer-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a,#0000 70%);width:200px;height:200px;position:absolute;top:-50%;right:-30%}.offer-card-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.08em;text-transform:uppercase;background:#fff3;border-radius:20px;align-self:flex-start;padding:4px 12px;font-size:10.5px;font-weight:800}.offer-card-service{color:#f3e8ff;font-size:13px;font-weight:600}.offer-card-discount{color:#fff;letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:1.05}.offer-card-name{color:#e9d5ff;margin:0;font-size:14px;font-weight:600}.offer-card-validity{color:#d8b4fe;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.offer-card-channels{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.offer-card-channel{letter-spacing:.04em;color:#fff;background:#fff3;border-radius:20px;padding:3px 8px;font-size:9.5px;font-weight:800}.offer-card-cta{color:#7b187d;cursor:pointer;background:#fff;border:none;border-radius:10px;width:100%;margin-top:6px;padding:11px;font-size:13px;font-weight:800;transition:transform .15s}.offer-card-cta:hover{transform:scale(1.02)}.coupon-preview-summary{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.coupon-preview-summary h4{text-transform:uppercase;letter-spacing:.1em;color:#64748b;border-bottom:1px dashed #e2e8f0;margin:0 0 8px;padding-bottom:10px;font-size:11px;font-weight:800}.summary-row{color:#64748b;justify-content:space-between;padding:3px 0;font-size:12px;font-weight:600;display:flex}.summary-row strong{color:#0f172a;font-weight:800}.coupon-modal-foot{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 26px;display:flex}.btn-dash-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b187d,#a855f7);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 6px 16px #7b187d40}.btn-dash-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #7b187d52}.btn-dash-primary:disabled{opacity:.55;cursor:not-allowed}.btn-dash-primary.lg{padding:11px 24px;font-size:13.5px}.btn-dash-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-dash-secondary:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.btn-dash-secondary:disabled{opacity:.55;cursor:not-allowed}@media (width<=1024px){.coupon-modal-grid{grid-template-columns:1fr}.coupon-preview-panel{position:static}.offer-type-pills{grid-template-columns:1fr}}@media (width<=700px){.offer-page-container{padding:16px}.coupon-modal{border-radius:16px;width:100%;max-height:96vh}.coupon-modal-head,.coupon-modal-body,.coupon-modal-foot{padding-left:16px;padding-right:16px}.coupon-field-grid,.coupon-radio-row{grid-template-columns:1fr}.coupon-channel-grid{grid-template-columns:1fr 1fr}}.bem-container{color:#1e293b;background-color:#f6f8fc;flex-direction:column;gap:24px;min-height:100vh;padding:24px 32px 48px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}@media (width<=768px){.bem-container{padding:16px 16px 32px}}.bem-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.bem-header-badge{color:#7b187d;letter-spacing:.06em;text-transform:uppercase;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.bem-page-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:1.75rem;font-weight:800}.bem-page-subtitle{color:#64748b;margin:0;font-size:.92rem}.bem-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b187d 0%,#5c105e 100%);border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #7b187d33}.bem-primary-btn:hover{background:linear-gradient(135deg,#651069 0%,#4a0b4d 100%);transform:translateY(-1px);box-shadow:0 6px 18px #7b187d4d}.bem-summary-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (width<=1024px){.bem-summary-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.bem-summary-cards-grid{grid-template-columns:repeat(2,1fr)}}.bem-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:6px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.bem-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.bem-summary-card.active-border{border-color:#7b187d;box-shadow:0 0 0 2px #7b187d1f}.bem-summary-label{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.bem-summary-num{color:#0f172a;font-size:1.85rem;font-weight:800;line-height:1.1}.bem-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000008}.bem-search-input-wrap{flex:1;min-width:240px;position:relative}.bem-search-icon{color:#94a3b8;font-size:1.1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.bem-search-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 42px;font-size:.9rem;transition:all .15s}.bem-search-input:focus{background:#fff;border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1f}.bem-select-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bem-filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .15s}.bem-filter-select:focus{background:#fff;border-color:#7b187d}.bem-btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .15s}.bem-btn-reset:hover{color:#0f172a;background:#f1f5f9}.bem-suggestions-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #00000008}.bem-suggestions-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.bem-suggestions-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.bem-suggestions-sub{color:#64748b;margin:2px 0 0;font-size:.82rem}.bem-suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.bem-suggestion-chip{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s;display:flex}.bem-suggestion-chip:hover{background:#fdf4ff;border-color:#f5d0fe;transform:translateY(-2px);box-shadow:0 4px 12px #7b187d14}.sug-chip-header{justify-content:space-between;align-items:center;display:flex}.sug-title{color:#0f172a;font-size:.9rem;font-weight:700}.sug-arrow{color:#7b187d;font-size:.9rem;transition:transform .2s}.bem-suggestion-chip:hover .sug-arrow{transform:translate(4px)}.sug-desc{color:#64748b;font-size:.78rem;line-height:1.35}.bem-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.bem-table-responsive{width:100%;overflow-x:auto}.bem-campaign-table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}.bem-campaign-table th{color:#475569;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.75rem;font-weight:700}.bem-campaign-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:.88rem}.bem-campaign-table tr:last-child td{border-bottom:none}.bem-campaign-table tr:hover td{background:#faf5ff}.bem-campaign-cell{flex-direction:column;gap:2px;display:flex}.bem-campaign-name{color:#0f172a;font-size:.92rem;font-weight:700}.bem-campaign-ref{color:#64748b;font-size:.78rem}.bem-audience-cell{flex-direction:column;gap:2px;display:flex}.bem-aud-label{color:#1e293b;font-weight:600}.bem-aud-count{color:#64748b;font-size:.78rem}.bem-coupon-pill{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-block}.bem-dash-text{color:#94a3b8}.bem-channels-row{flex-wrap:wrap;gap:6px;display:flex}.bem-channel-pill{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.bem-channel-pill.email{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.bem-channel-pill.whatsapp{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.bem-scheduled-cell{color:#475569;align-items:center;gap:6px;font-size:.82rem;display:flex}.bem-sched-icon{color:#64748b}.bem-status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.bem-status-pill.completed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.bem-status-pill.running{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.bem-status-pill.scheduled{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.bem-status-pill.draft{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.bem-recipients-num{color:#0f172a;font-weight:700}.bem-actions-cell{align-items:center;gap:6px;display:flex}.bem-action-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.bem-action-btn:hover{color:#7b187d;background:#fff;border-color:#7b187d}.bem-action-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.bem-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.bem-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1180px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.bem-modal-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:sticky;top:0}.bem-modal-title{color:#0f172a;margin:0;font-size:1.35rem;font-weight:800}.bem-modal-subtitle{color:#64748b;margin-top:2px;font-size:.82rem}.bem-modal-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:flex}.bem-modal-close-btn:hover{color:#dc2626;background:#fee2e2}.bem-modal-body{background:#f8fafc;flex:1;grid-template-columns:1fr 420px;gap:24px;padding:24px 28px;display:grid;overflow-y:auto}@media (width<=960px){.bem-modal-body{grid-template-columns:1fr}}.bem-builder-col{flex-direction:column;gap:20px;display:flex}.bem-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #00000008}.bem-sec-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bem-section-title{color:#0f172a;align-items:center;gap:10px;margin:0 0 16px;font-size:1.05rem;font-weight:700;display:flex}.bem-sec-num{color:#7b187d;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;font-weight:800;display:inline-flex}.bem-opt-tag{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:700}.bem-recipients-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:700}.bem-form-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.bem-form-field:last-child{margin-bottom:0}.bem-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.bem-label{color:#334155;font-size:.84rem;font-weight:700}.bem-input,.bem-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.88rem;transition:all .15s}.bem-input:focus,.bem-textarea:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1f}.input-error{border-color:#ef4444!important}.bem-err-msg{color:#dc2626;font-size:.78rem;font-weight:600}.bem-audience-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.bem-audience-options{grid-template-columns:1fr}}.bem-aud-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .15s}.bem-aud-card:hover{background:#fff;border-color:#cbd5e1}.bem-aud-card.selected{background:#fdf4ff;border-color:#7b187d;box-shadow:0 0 0 2px #7b187d26}.aud-card-top{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.aud-card-top strong{color:#0f172a;font-size:.88rem}.aud-badge{color:#7b187d;font-size:.72rem;font-weight:700}.aud-desc{color:#64748b;margin:0;font-size:.76rem}.bem-info-box{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:.82rem;font-weight:600;display:flex}.bem-crm-picker-wrap{border:1px solid #e2e8f0;border-radius:12px;margin-top:14px;overflow:hidden}.bem-picker-top{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:12px;display:flex}.bem-picker-search{border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:8px 12px;font-size:.82rem}.bem-picker-btns{gap:6px;display:flex}.bem-sm-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.bem-crm-table-wrap{max-height:200px;overflow-y:auto}.bem-crm-table{border-collapse:collapse;width:100%;font-size:.8rem}.bem-crm-table th,.bem-crm-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:8px 12px}.bem-crm-table th{color:#475569;background:#f8fafc;font-weight:700}.bem-picker-footer{color:#475569;background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 12px;font-size:.8rem}.bem-choice-cards,.bem-time-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bem-choice-card,.bem-time-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .15s}.bem-choice-card.selected,.bem-time-card.selected{background:#fdf4ff;border-color:#7b187d;box-shadow:0 0 0 2px #7b187d26}.bem-choice-card strong,.bem-time-card strong{color:#0f172a;margin-bottom:2px;font-size:.88rem;display:block}.bem-choice-card p,.bem-time-card p{color:#64748b;margin:0;font-size:.76rem}.bem-coupon-info-box{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-top:12px;padding:14px}.cp-box-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cp-code{color:#92400e;font-size:1rem;font-weight:800}.cp-disc{color:#b45309;font-size:.85rem;font-weight:700}.cp-box-grid{grid-template-columns:repeat(3,1fr);gap:8px;font-size:.78rem;display:grid}.cp-lbl{color:#78350f;font-size:.72rem;display:block}.cp-val{color:#451a03;font-weight:700}.bem-tokens-wrap{margin-top:10px}.bem-token-hint{color:#64748b;margin-bottom:6px;font-size:.76rem;font-weight:600;display:block}.bem-token-chips{flex-wrap:wrap;gap:6px;display:flex}.bem-chip-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-family:monospace;font-size:.75rem;transition:all .15s}.bem-chip-btn:hover{color:#7b187d;background:#fdf4ff;border-color:#7b187d}.bem-sm-dropzone{text-align:center;cursor:pointer;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:16px;font-size:.82rem;display:flex}.bem-checkbox-row{color:#1e293b;align-items:center;gap:8px;margin-top:14px;font-size:.88rem;font-weight:600;display:flex}.bem-cta-fields-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:12px;padding:14px}.bem-channel-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bem-channel-option{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .15s;display:flex;position:relative}.bem-channel-option.selected{background:#fdf4ff;border-color:#7b187d;box-shadow:0 0 0 2px #7b187d26}.ch-opt-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.ch-opt-icon.email{color:#2563eb;background:#eff6ff}.ch-opt-icon.whatsapp{color:#16a34a;background:#f0fdf4}.ch-check{color:#7b187d;font-size:1.1rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.bem-tz-info{color:#64748b;align-items:center;gap:6px;margin-top:12px;font-size:.78rem;display:flex}.bem-preview-col{flex-direction:column;gap:20px;display:flex}.bem-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000008}.bem-preview-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bem-prev-title{color:#0f172a;font-size:1rem;font-weight:700}.bem-prev-tabs{background:#f1f5f9;border-radius:8px;padding:3px;display:flex}.bem-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:700}.bem-tab-btn.active{color:#7b187d;background:#fff;box-shadow:0 1px 3px #00000014}.bem-email-preview{background:#fff;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden}.email-mock-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.8rem}.email-sender{color:#475569;margin-bottom:4px}.email-subj{color:#0f172a;font-weight:700}.email-mock-body{color:#334155;padding:20px 16px;font-size:.88rem;line-height:1.5}.email-coupon-box{text-align:center;background:#fdf4ff;border:2px dashed #7b187d;border-radius:10px;margin-top:16px;padding:12px}.ec-code{color:#7b187d;font-size:1.1rem;font-weight:800}.ec-disc{color:#0f172a;font-size:.85rem;font-weight:700}.ec-expiry{color:#64748b;font-size:.72rem}.email-cta-btn{background:#7b187d;border-radius:999px;padding:10px 20px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.email-mock-footer{color:#94a3b8;text-align:center;margin-top:20px;font-size:.72rem}.bem-whatsapp-preview{background:#efeae2;border-radius:12px;align-items:flex-end;min-height:220px;padding:16px;display:flex}.wa-bubble{color:#111b21;background:#fff;border-radius:10px 10px 10px 0;max-width:90%;padding:12px;font-size:.85rem;position:relative;box-shadow:0 1px 2px #00000026}.wa-coupon{color:#166534;background:#f0fdf4;border-radius:6px;margin-top:8px;padding:6px;font-size:.78rem}.wa-link{color:#0284c7;margin-top:8px;font-size:.78rem;font-weight:600}.wa-time{color:#667781;float:right;margin-top:6px;margin-left:8px;font-size:.65rem}.bem-summary-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #00000008}.bem-panel-title{color:#0f172a;margin:0 0 14px;font-size:.95rem;font-weight:800}.bem-panel-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 0;font-size:.82rem;display:flex}.bem-panel-row:last-child{border-bottom:none}.p-lbl{color:#64748b;font-weight:600}.p-val{color:#0f172a;text-align:right;max-width:200px;font-weight:700}.bem-modal-footer{z-index:10;background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex;position:sticky;bottom:0}.bem-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:600}.bem-btn-draft{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:10px 20px;font-size:.88rem;font-weight:700}.bem-btn-primary-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7b187d 0%,#5c105e 100%);border:none;border-radius:10px;padding:10px 24px;font-size:.88rem;font-weight:700;box-shadow:0 4px 12px #7b187d33}.bem-btn-primary-action:hover{background:linear-gradient(135deg,#651069 0%,#4a0b4d 100%)}.bp-main-container{color:#1e293b;flex-direction:column;gap:24px;padding:16px 0 48px;font-family:inherit;display:flex}.bp-toast-banner{z-index:9999;color:#fff;background:#7b187d;border-radius:12px;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) bpSlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px #7b187d59}.bp-toast-banner .toast-icon{color:#4ade80;font-size:18px}@keyframes bpSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bp-page-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 1px 3px #0000000a}.bp-eyebrow-pill{letter-spacing:.08em;text-transform:uppercase;color:#7b187d;background:#fdf4ff;border:1px solid #f5d0fe;border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.bp-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.bp-subtitle{color:#64748b;margin:0;font-size:14px}.bp-sections-stack{flex-direction:column;gap:24px;display:flex}.bp-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a}.bp-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.bp-card-header-left{align-items:center;gap:14px;display:flex}.bp-icon-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.bp-icon-badge.purple{color:#7b187d;background:#fdf4ff}.bp-icon-badge.blue{color:#3b82f6;background:#eff6ff}.bp-icon-badge.green{color:#10b981;background:#ecfdf5}.bp-icon-badge.orange{color:#f59e0b;background:#fffbeb}.bp-card-title{color:#0f172a;margin:0;font-size:17px;font-weight:700}.bp-card-subtitle{color:#64748b;margin:2px 0 0;font-size:13px}.bp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.bp-btn:disabled{opacity:.6;cursor:not-allowed}.bp-btn.primary{color:#fff;background:#7b187d;box-shadow:0 4px 12px #7b187d33}.bp-btn.primary:not(:disabled):hover{background:#651069}.bp-btn.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.bp-btn.secondary:not(:disabled):hover{color:#0f172a;background:#f8fafc}.bp-btn.primary-sm{color:#fff;background:#7b187d;height:34px;padding:0 14px;font-size:12.5px}.bp-btn.secondary-sm{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;height:34px;padding:0 14px;font-size:12.5px}.bp-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.bp-cover-banner{background:linear-gradient(135deg,#7b187d 0%,#5c105e 50%,#420844 100%);justify-content:flex-end;align-items:flex-start;height:140px;padding:16px 24px;display:flex;position:relative}.bp-status-pill{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00000026}.bp-status-pill.online{color:#fff;background:#10b981}.bp-status-pill.offline{color:#fff;background:#64748b}.bp-status-pill .toggle-ic{font-size:16px}.bp-profile-main-bar{z-index:2;align-items:flex-end;gap:20px;margin-top:-45px;padding:0 28px 24px;display:flex;position:relative}.bp-avatar-container{background:#fff;border:4px solid #fff;border-radius:50%;flex-shrink:0;width:100px;height:100px;position:relative;box-shadow:0 6px 16px #0000001f}.bp-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.bp-avatar-fallback{color:#7b187d;background:#fdf4ff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:38px;display:flex}.bp-avatar-edit-btn{color:#fff;cursor:pointer;background:#7b187d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;bottom:0;right:0}.bp-profile-title-area{flex:1}.bp-salon-name{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.bp-desc-display{align-items:center;gap:10px;display:flex}.bp-salon-desc{color:#64748b;margin:0;font-size:14px;line-height:1.4}.bp-icon-edit-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:15px}.bp-icon-edit-btn:hover{color:#7b187d}.bp-desc-edit-box{flex-direction:column;gap:8px;max-width:500px;margin-top:6px;display:flex}.bp-desc-edit-actions{justify-content:flex-end;gap:8px;display:flex}.bp-bg-showcase-section{background:#fafafa;border-top:1px solid #f1f5f9;padding:20px 28px 24px}.bp-section-sub-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bp-sub-title{color:#334155;align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.bp-inline-add-image{align-items:center;gap:10px;margin-bottom:14px;display:flex}.bp-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.bp-gallery-item{border:1px solid #e2e8f0;border-radius:10px;height:90px;position:relative;overflow:hidden}.bp-gallery-item img{object-fit:cover;width:100%;height:100%}.bp-gallery-remove-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex;position:absolute;top:6px;right:6px}.bp-empty-hint{color:#94a3b8;margin:0;font-size:13px;font-style:italic}.bp-verification-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.bp-info-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px}.bp-block-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.bp-block-header h4{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.bp-details-list{flex-direction:column;gap:12px;display:flex}.bp-detail-item{align-items:flex-start;gap:10px;display:flex}.bp-detail-item .ic{color:#64748b;margin-top:3px;font-size:16px}.bp-detail-item .ic.green{color:#10b981}.bp-detail-item .lbl{text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700;display:block}.bp-detail-item .val{color:#0f172a;font-size:13.5px;font-weight:600}.bp-detail-item .val.highlight{color:#7b187d;font-family:monospace}.bp-verification-badge{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.bp-platforms-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.bp-platform-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.bp-platform-icon-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.bp-platform-info{flex:1;overflow:hidden}.bp-platform-top-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.bp-platform-name{color:#0f172a;margin:0;font-size:14px;font-weight:700}.bp-platform-status{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.bp-platform-status.active{color:#10b981;background:#ecfdf5}.bp-platform-status.inactive{color:#64748b;background:#f1f5f9}.bp-platform-link{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.bp-platform-actions{align-items:center;gap:4px;display:flex}.bp-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;text-decoration:none;display:flex}.bp-icon-btn:hover{color:#7b187d;background:#fdf4ff;border-color:#f5d0fe}.bp-empty-platforms-container{grid-column:1/-1}.bp-suggested-preset-list{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.bp-suggested-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.bp-suggested-chip:hover{color:#7b187d;background:#fdf4ff;border-color:#7b187d}.bp-upi-display-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.bp-upi-left{align-items:center;gap:14px;display:flex}.bp-upi-icon{color:#10b981;background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex}.bp-upi-label{text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700;display:block}.bp-upi-value{color:#7b187d;font-family:monospace;font-size:16px;font-weight:800}.bp-upi-badge{color:#047857;background:#ecfdf5;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.bp-ai-video-body{flex-direction:column;gap:16px;display:flex}.bp-video-form{flex-direction:column;gap:14px;display:flex}.bp-video-form-actions{justify-content:flex-start;display:flex}.bp-video-status-card{background:#fdf4ff;border:1px solid #f5d0fe;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.bp-video-status-title{color:#7b187d;font-size:13px;font-weight:700;display:block}.bp-video-status-desc{color:#475569;margin:2px 0 0;font-size:13px}.bp-edit-form{flex-direction:column;gap:12px;display:flex}.bp-form-group{flex-direction:column;gap:4px;display:flex}.bp-form-label{color:#1e293b;font-size:12.5px;font-weight:700}.bp-input,.bp-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13.5px}.bp-input:focus,.bp-textarea:focus{border-color:#7b187d;box-shadow:0 0 0 3px #7b187d1a}.bp-input-with-icon{align-items:center;display:flex;position:relative}.input-prefix-icon{color:#7b187d;font-weight:700;position:absolute;left:10px}.bp-input-with-icon .bp-input{padding-left:28px}.bp-input-hint{color:#64748b;margin-top:2px;font-size:11.5px}.bp-form-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.checkbox-row{margin-top:4px}.bp-checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.bp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.bp-modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 12px 32px #00000026}.bp-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bp-modal-header h3{margin:0;font-size:16px;font-weight:700}.bp-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:18px}.bp-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.bp-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.bp-image-preview-box{border:1px solid #e2e8f0;border-radius:10px;width:100%;height:160px;margin-top:6px;overflow:hidden}.bp-image-preview-box img{object-fit:cover;width:100%;height:100%}.bp-loading-container,.bp-error-container{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px 20px}.large-spinner{color:#7b187d;margin-bottom:12px;font-size:36px}.spin-icon{animation:1s linear infinite bpSpin}@keyframes bpSpin{to{transform:rotate(360deg)}}.error-icon{color:#ef4444;margin-bottom:12px;font-size:40px}.bp-loading-title,.bp-error-title{margin:0 0 6px;font-size:18px;font-weight:700}.bp-loading-sub,.bp-error-sub{color:#64748b;margin:0 0 16px;font-size:14px}@media (width<=768px){.bp-page-header{flex-direction:column;align-items:flex-start}.bp-verification-grid{grid-template-columns:1fr}.bp-profile-main-bar{flex-direction:column;align-items:flex-start;gap:12px}.bp-upi-display-card{flex-direction:column;align-items:flex-start}}