:root{--primary:#0f172a;--primary-hover:#1e293b;--accent:#d946ef;--accent-hover:#c026d3;--text-main:#0f172a;--text-muted:#64748b;--bg-main:#fff;--bg-secondary:#f8fafc;--border:#e2e8f0;--border-focus:#d946ef;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}a{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}.split-layout{width:100%;min-height:100vh;display:flex}.hero-section{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);flex-direction:column;flex:1;justify-content:center;padding:3rem;display:flex;position:relative;overflow:hidden}.hero-overlay{filter:blur(80px);z-index:0;background:radial-gradient(circle,#d946ef66 0%,#0000 70%);border-radius:50%;width:70%;height:70%;position:absolute;top:-20%;left:-10%}.hero-content{z-index:1;flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}.logo{letter-spacing:-.02em;color:#fff;align-items:center;gap:.75rem;margin-top:2rem;margin-bottom:auto;font-size:1.25rem;font-weight:700;display:flex}.hero-text{margin:4rem 0}.hero-text h1{letter-spacing:-.03em;margin-bottom:1.25rem;font-size:3rem;font-weight:700;line-height:1.1}.hero-text p{color:#cbd5e1;font-size:1.125rem;line-height:1.6}.testimonial{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;margin-top:auto;margin-bottom:2rem;padding:1.5rem}.stars{color:#fbbf24;letter-spacing:2px;margin-bottom:.75rem;font-size:1.125rem}.quote{color:#e2e8f0;margin-bottom:1.25rem;font-size:1rem;font-style:italic}.author{align-items:center;gap:1rem;display:flex}.avatar{color:#fff;background:#d946ef;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:600;display:flex}.author-info strong{font-size:.9rem;font-weight:600;display:block}.author-info span{color:#94a3b8;font-size:.8rem}.form-section{background:#fff;flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;padding:2rem;display:flex}.form-wrapper{width:100%;max-width:400px;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.form-header p{color:var(--text-muted);font-size:.95rem}.btn-social{border:1px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-social:hover{background:var(--bg-secondary);border-color:#cbd5e1}.btn-social:focus{outline:2px solid var(--border-focus);outline-offset:2px}.divider{text-align:center;color:var(--text-muted);align-items:center;margin:1.5rem 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider span{padding:0 1rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border);width:100%;color:var(--text-main);background:#fff;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input::placeholder{color:#94a3b8}.form-group input:hover{border-color:#cbd5e1}.form-group input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #d946ef1a}.password-input{position:relative}.btn-toggle-password{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-toggle-password:hover{color:#475569}.btn-toggle-password:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:4px}.password-strength{color:var(--text-muted);margin-top:.5rem;font-size:.75rem;display:block}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;border-radius:.5rem;margin-top:.5rem;padding:.875rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus{outline:2px solid var(--border-focus);outline-offset:2px}.login-link{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}@media (width<=992px){.hero-text h1{font-size:2.5rem}}@media (width<=768px){.split-layout{flex-direction:column}.hero-section{flex:none;min-height:auto;padding:2.5rem 1.5rem}.logo{margin-top:0;margin-bottom:2rem}.hero-text{margin:0 0 2rem}.hero-text h1{font-size:2rem}.testimonial{margin-top:0;margin-bottom:0}.form-section{align-items:flex-start;max-width:100%;padding:2.5rem 1.5rem}.form-wrapper{margin:0 auto}}.settings-container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding-bottom:4rem;display:flex}.settings-section{border-bottom:1px solid #e2e8f0;gap:3rem;padding-bottom:2rem;display:flex}.settings-section:last-child{border-bottom:none}.settings-sidebar{flex-shrink:0;width:320px}.settings-sidebar h3{color:#1e293b;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.settings-sidebar p{color:#64748b;font-size:.9rem;line-height:1.5}.settings-form{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-grow:1;padding:2rem;box-shadow:0 1px 3px #0000000d}.settings-form .form-group{margin-bottom:1.5rem}.settings-form .form-group:last-child{margin-bottom:0}.settings-form .form-label{color:#475569;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.settings-form .form-input,.settings-form .form-select,.settings-form .form-textarea{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s}.settings-form .form-input:focus,.settings-form .form-select:focus,.settings-form .form-textarea:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.settings-form .form-textarea{resize:vertical}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.settings-form .form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.logo-upload-container{align-items:center;gap:1.5rem;display:flex}.logo-preview{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.logo-placeholder{color:#94a3b8;justify-content:center;align-items:center;display:flex}.logo-upload-actions{flex-direction:column;gap:.5rem;display:flex}.upload-hint{color:#64748b;margin:0;font-size:.8rem}.sticky-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#fffffff2;border-top:1px solid #e2e8f0;padding:1rem 2.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:260px;right:0;transform:translateY(100%);box-shadow:0 -4px 6px -1px #0000000d}.sticky-footer.show{transform:translateY(0)}.sticky-footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.unsaved-text{color:#475569;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:500;display:flex}.unsaved-text:before{content:"";background-color:#f59e0b;border-radius:50%;width:8px;height:8px;display:block}.sticky-actions{gap:12px;display:flex}@media (width<=1024px){.settings-section{flex-direction:column;gap:1rem}.settings-sidebar{width:100%}.sticky-footer{left:0}}@media (width<=640px){.settings-form .form-grid{grid-template-columns:1fr}.sticky-footer-content{flex-direction:column;align-items:flex-start;gap:12px}.sticky-actions{width:100%}.sticky-actions .btn{flex:1}}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.status-active{color:#166534;background-color:#dcfce7}.status-active:before{content:"";background-color:#22c55e;border-radius:50%;width:6px;height:6px;display:inline-block}.status-inactive{color:#475569;background-color:#f1f5f9}.status-inactive:before{content:"";background-color:#94a3b8;border-radius:50%;width:6px;height:6px;display:inline-block}.action-btn-group{justify-content:flex-end;gap:8px;display:flex}.action-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.action-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.side-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background:#0f172a66;transition:all .3s;position:fixed;inset:0}.side-panel-overlay.show{opacity:1;visibility:visible}.side-panel{z-index:1001;background:#fff;flex-direction:column;width:100%;max-width:500px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 24px #0f172a1a}.side-panel.open{transform:translate(0)}.side-panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:24px 32px;display:flex}.side-panel-header h2{color:#0f172a;margin-bottom:4px;font-size:1.25rem;font-weight:600}.side-panel-body{flex:1;padding:32px;overflow-y:auto}.panel-section{border-bottom:1px solid #f1f5f9;margin-bottom:32px;padding-bottom:32px}.panel-section-title{color:#334155;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:.95rem;font-weight:600}.hours-row{border-bottom:1px solid #f1f5f9;grid-template-columns:100px 60px 1fr;align-items:center;gap:16px;padding:12px 0;display:grid}.hours-row:last-child{border-bottom:none}.day-label{color:#475569;font-size:.95rem;font-weight:500}.hours-times{align-items:center;gap:8px;transition:opacity .2s;display:flex}.hours-times.disabled{opacity:.4;pointer-events:none}.time-input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:110px;padding:8px 12px;font-size:.85rem}.closed-text{color:#94a3b8;font-size:.85rem;font-style:italic}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.status-toggle-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.side-panel-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.customers-page-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem 0;display:flex}.customers-title-block{flex-direction:column;gap:2px;display:flex}.customers-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.customers-caption{color:#64748b;margin:0;font-size:.875rem;font-weight:400}.customers-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.customers-search-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;width:480px;height:38px;display:flex;overflow:hidden}.customers-search-wrap:focus-within{background:#fff;border-color:#a855f7;transform:translateY(-1px);box-shadow:0 4px 12px #a855f726,0 0 0 3px #a855f71a}.customers-search-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;width:15px;height:15px;margin-left:.75rem}.customers-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.55rem .75rem;font-family:inherit;font-size:.875rem}.customers-search-input::placeholder{color:#94a3b8}.customers-search-input:focus{background-color:#fff}.customers-search-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:20px}.customers-search-btn{color:#7c3aed;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.customers-search-btn:hover{color:#6d28d9;background:#faf5ff}.customers-filter-wrap{position:relative}.customers-filter-btn{color:#334155;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.4rem;height:38px;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.customers-filter-btn:hover{color:#0f172a;background-color:#f8fafc;border-color:#cbd5e1}.customers-filter-btn.open{color:#7c3aed;background-color:#f8fafc;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.filter-btn-icon{flex-shrink:0;width:14px;height:14px}.filter-chevron{flex-shrink:0;width:13px;height:13px;transition:transform .2s}.customers-filter-btn.open .filter-chevron{transform:rotate(180deg)}.customers-filter-dropdown{z-index:100;opacity:0;visibility:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;min-width:200px;transition:all .18s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-6px);box-shadow:0 10px 24px -4px #0000001a,0 4px 8px -2px #0000000f}.customers-filter-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.filter-option-list{margin:0;padding:.375rem 0;list-style:none}.filter-option{color:#334155;cursor:pointer;align-items:center;gap:.625rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background .12s,color .12s;display:flex}.filter-option:hover{color:#0f172a;background-color:#f8fafc}.filter-option.active{color:#7c3aed;background-color:#faf5ff}.filter-option-icon{stroke:currentColor;flex-shrink:0;width:14px;height:14px}.customers-download-btn{color:#334155;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.4rem;height:38px;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.customers-download-btn:hover{color:#16a34a;background-color:#f0fdf4;border-color:#86efac;transform:translateY(-1px);box-shadow:0 2px 8px #16a34a26}.customers-download-btn:active{box-shadow:none;transform:translateY(0)}.customers-download-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.download-btn-icon{flex-shrink:0;width:14px;height:14px}.customers-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);border:none;border-radius:.5rem;align-items:center;gap:.4rem;height:38px;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #7c3aed4d}.customers-add-btn:hover{background:linear-gradient(135deg,#6d28d9 0%,#9333ea 100%);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.customers-add-btn:active{transform:translateY(0);box-shadow:0 2px 6px #7c3aed40}.add-btn-icon{flex-shrink:0;width:14px;height:14px}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.data-table tbody tr:hover{background-color:#f8fafc}.customer-info{align-items:center;gap:1rem;min-width:max-content;display:flex}.avatar-sm{background-color:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.avatar-sm img{object-fit:cover;width:100%;height:100%}.status-badge{white-space:nowrap;border-radius:1rem;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.action-buttons{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.customer-name-link,.customer-link{color:#4f46e5;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none;transition:color .15s;display:inline-block;position:relative}.customer-name-link:hover,.customer-link:hover{color:#4338ca;text-decoration:underline}.total-spent-btn{color:#059669;cursor:pointer;background:#d1fae5;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.875rem;font-weight:700;line-height:1.4;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.total-spent-btn:hover{background:#a7f3d0;transform:translateY(-1px);box-shadow:0 2px 8px #10b98140}.total-spent-btn:active{box-shadow:none;transform:translateY(0)}#customersPaginationFooter{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}#custPageShowing{color:#64748b;font-size:.8rem;font-weight:500}.cust-page-controls{align-items:center;gap:.6rem;display:flex}#custPageInfo{color:#0f172a;text-align:center;min-width:90px;font-size:.82rem;font-weight:600}.cust-page-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:4px;padding:5px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.cust-page-btn:hover:not(:disabled){color:#fff;background:#4f46e5;border-color:#4f46e5}.cust-page-btn:disabled{opacity:.38;cursor:not-allowed}.btn-customer-notes{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-left:8px;padding:0;transition:all .15s;display:inline-flex}.btn-customer-notes:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 2px 6px #4f46e51f}.btn-customer-notes svg{width:19px;height:19px}#addCustomerModal .modal-body{flex-direction:column;gap:1.25rem;display:flex}#addCustomerModal .form-group{flex-direction:column;gap:.5rem;margin:0;display:flex}#addCustomerModal .form-label{color:#334155;font-size:.875rem;font-weight:500}#addCustomerModal .form-input,#addCustomerModal .form-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}#addCustomerModal .form-input:focus,#addCustomerModal .form-select:focus{background-color:#fff;border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f726}#addCustomerModal .form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}:root{--shell-primary:#1e3a8a;--shell-accent:#d946ef;--shell-border:#e2e8f0;--shell-text-main:#0f172a;--shell-text-muted:#64748b;--shell-bg-sidebar:#fff;--shell-bg-header:#fff;--shell-bg-body:#f1f5f9;--sidebar-width:240px;--sidebar-collapsed-width:76px;--header-height:64px}html{height:100%;overflow:hidden}#root,.app-container{flex-direction:row;flex:1;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.dashboard-body{background-color:var(--shell-bg-body,#f1f5f9);height:107.527vh;max-height:107.527vh;color:var(--text-main,#0f172a);zoom:.93;margin:0;padding:0;display:flex;overflow:hidden}html:has(.dashboard-body){height:100%;overflow:hidden}.sidebar{width:var(--sidebar-width,240px);background-color:var(--shell-bg-sidebar,#fff);border-right:1px solid var(--shell-border,#e2e8f0);z-index:50;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-header{height:var(--header-height,64px);border-bottom:1px solid var(--shell-border,#e2e8f0);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;overflow:hidden}.toggle-btn{color:var(--shell-text-muted,#64748b);cursor:pointer;z-index:10;background:0 0;border:1px solid #0000;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.nav-item{border-radius:.375rem}.nav-link{color:var(--shell-text-muted,#64748b);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.375rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item.active>.nav-link{color:var(--shell-accent,#d946ef);background-color:#f8fafc;font-weight:600}.nav-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-link.submenu-toggle{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding-right:.5rem;display:grid}.submenu-arrow{width:16px;height:16px;color:var(--shell-text-muted,#64748b);flex-shrink:0;transition:transform .2s}.submenu-link.active{color:var(--shell-accent,#d946ef);font-weight:600}.submenu-bullet{color:#cbd5e1;flex-shrink:0;font-size:1rem;line-height:1;transition:color .2s,transform .2s}.main-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.top-header{height:var(--header-height,64px);background-color:var(--shell-bg-header,#fff);border-bottom:1px solid var(--shell-border,#e2e8f0);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:0 1.5rem;display:flex}.branch-switcher.branch-locked{border-color:var(--shell-border,#e2e8f0);cursor:default;background-color:#f8fafc}.branch-switcher.branch-locked:hover{border-color:var(--shell-border,#e2e8f0);background-color:#f8fafc}.branch-switcher.branch-locked .branch-select{cursor:default;color:var(--shell-text-muted,#475569);pointer-events:none}.branch-lock-badge{text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;line-height:1.2;display:none}.branch-lock-badge .lock-icon{width:10px;height:10px}.branch-switcher.branch-locked .branch-lock-badge{display:inline-flex}.plan-badge,.top-header .plan-badge,#headerPlanBadge{color:var(--shell-accent,#d946ef);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background-color:#fdf4ff;border:1px solid #fae8ff;border-radius:1.25rem;justify-content:center;align-items:center;padding:.38rem .95rem;font-size:.8rem;font-weight:700;display:inline-flex}.qa-primary,.qa-btn.qa-primary,#btnNewBooking{background-color:var(--accent,#d946ef);color:#fff;border:1px solid var(--accent,#d946ef)}.qa-primary:hover,.qa-btn.qa-primary:hover,#btnNewBooking:hover{background-color:var(--accent-hover,#c026d3);border-color:var(--accent-hover,#c026d3);transform:translateY(-1px);box-shadow:0 4px 12px #d946ef47}.page-container{box-sizing:border-box;width:100%}.mobile-sidebar-toggle{border:1px solid var(--shell-border,#e2e8f0);color:var(--shell-text-main,#0f172a);cursor:pointer;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;margin-right:.25rem;padding:.45rem;transition:all .2s;display:none}.mobile-sidebar-toggle:hover{background-color:#f1f5f9;border-color:#cbd5e1}.mobile-sidebar-toggle:focus-visible{outline:2px solid var(--shell-accent,#d946ef);outline-offset:2px}.mobile-sidebar-toggle svg,.mobile-sidebar-toggle i{width:20px;height:20px;display:block}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);z-index:45;opacity:0;pointer-events:none;background-color:#0f172a73;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:none;position:fixed;inset:0}.sidebar-backdrop.active{opacity:1;pointer-events:auto}@media (width<=768px){.mobile-sidebar-toggle{display:inline-flex}.sidebar-backdrop{display:block}.sidebar{z-index:50;height:100vh;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:var(--sidebar-width,240px)!important}.sidebar.open{transform:translate(0);box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.sidebar.collapsed .nav-text{display:block}.sidebar.collapsed .nav-link{justify-content:flex-start;padding:.6rem .75rem}.sidebar.collapsed .sidebar-header{justify-content:space-between}.sidebar.collapsed .logo{opacity:1;pointer-events:auto;position:static}.sidebar.collapsed .submenu-arrow{display:block}.sidebar.collapsed .submenu{display:block!important}.sidebar.collapsed .nav-link.submenu-toggle{display:grid}.date-chip{display:none}.top-header{padding:0 .75rem}.header-right{gap:.5rem}}@media (width<=1024px) and (width>=769px){.date-chip{display:none}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;background-color:#0f172a73;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-header{background-color:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.75rem;display:flex}.modal-header .header-titles h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.modal-header .header-titles .subtitle{color:#64748b;margin:4px 0 0;font-size:.85rem}.modal-body{flex:1;overflow-y:auto}.modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;align-items:center;padding:1rem 1.75rem;display:flex}.notif-bell-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:380px;max-width:calc(100vw - 28px);font-family:Inter,-apple-system,sans-serif;animation:.2s cubic-bezier(.16,1,.3,1) notifDropdownFade;display:none;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 36px -4px #0f172a29,0 6px 16px -2px #0f172a14}.notif-dropdown.show{display:flex}@keyframes notifDropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notif-title-wrap{align-items:center;gap:8px;display:flex}.notif-title{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.notif-unread-pill{color:#2563eb;background:#eff6ff;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:700;line-height:1.3}.notif-actions{align-items:center;gap:8px;display:flex}.notif-icon-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;text-decoration:none;transition:all .15s;display:inline-flex}.notif-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.notif-icon-btn.snoozed{color:#d97706;background:#fef3c7;border-color:#fde68a}.notif-footer-actions{align-items:center;gap:8px;display:flex}.notif-btn-link{color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:.76rem;font-weight:600;transition:background .15s,color .15s}.notif-btn-link:hover{color:#1d4ed8;background:#eff6ff}.notif-btn-link.notif-btn-clear{color:#94a3b8;font-weight:500}.notif-btn-link.notif-btn-clear:hover{color:#64748b;background:#f1f5f9}.notif-list{overscroll-behavior:contain;max-height:380px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-list::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:12px;padding:12px 18px;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#fcfdfe}.notif-item.unread:hover{background:#f1f5f9}.notif-item-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:1px;display:flex}.notif-item-body{flex:1;min-width:0}.notif-item-title-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.notif-item-title{color:#0f172a;margin:0;font-size:.84rem;font-weight:650}.notif-item-time{color:#94a3b8;white-space:nowrap;margin-left:8px;font-size:.7rem;font-weight:500}.notif-item-msg{color:#64748b;word-break:break-word;margin:0;font-size:.78rem;line-height:1.4}.notif-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:38px 24px;display:flex}.notif-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.notif-empty-title{color:#475569;margin:0;font-size:.88rem;font-weight:600}.notif-empty-desc{color:#94a3b8;max-width:240px;margin:0;font-size:.78rem;line-height:1.4}.notif-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.notif-footer-link{color:#3b82f6;align-items:center;gap:6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.notif-footer-link:hover{color:#1d4ed8}#logoutModalBackdrop{-webkit-backdrop-filter:blur(4px);z-index:99999;background:#0f172a8c;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#logoutModalBackdrop.active{display:flex}#logoutModalBox{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:2rem 2rem 1.5rem;animation:.2s logoutFadeIn;box-shadow:0 20px 60px #0003}@keyframes logoutFadeIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}#logoutModalBox .logout-icon{background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;display:flex}#logoutModalBox .logout-icon svg{color:#ef4444;width:24px;height:24px}#logoutModalBox h3{color:#0f172a;margin:0 0 .4rem;font-size:1.1rem;font-weight:700}#logoutModalBox p{color:#64748b;margin:0 0 1.5rem;font-size:.875rem}#logoutModalBox .logout-actions{gap:.75rem;display:flex}#logoutModalBox .btn-cancel-logout{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}#logoutModalBox .btn-cancel-logout:hover{background:#f8fafc}#logoutModalBox .btn-confirm-logout{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}#logoutModalBox .btn-confirm-logout:hover{background:#dc2626}.has-submenu{cursor:pointer;position:relative}.submenu-toggle{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-link.submenu-toggle{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding-right:.5rem;display:grid}.submenu-arrow{width:16px;height:16px;color:var(--text-muted);transition:transform .2s}.nav-item.submenu-open .submenu-arrow{transform:rotate(180deg)}.submenu{opacity:0;visibility:hidden;max-height:0;margin:0 0 0 2.25rem;padding:0;list-style:none;transition:max-height .3s ease-out,opacity .2s ease-out;position:relative;overflow:hidden}.nav-item.submenu-open .submenu{opacity:1;visibility:visible;max-height:300px;margin-top:.25rem;margin-bottom:.5rem}.submenu:before{content:"";background-color:var(--border);width:1px;position:absolute;top:0;bottom:.5rem;left:-.85rem}.submenu-link{color:var(--text-muted);border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.submenu-link:hover{color:var(--text-main);background-color:#0000}.submenu-link:hover .submenu-bullet{color:var(--accent);transform:scale(1.2)}.submenu-bullet{color:#cbd5e1;font-size:1rem;line-height:1;transition:color .2s,transform .2s}.sidebar.collapsed .submenu-arrow{display:none}.sidebar.collapsed .submenu{display:none!important}.nav-item.submenu-open .submenu-toggle{background-color:#0000}.sidebar.collapsed .nav-link.submenu-toggle{justify-content:center;display:flex}.app-container{background-color:var(--shell-bg-body,#f1f5f9);width:100%;min-width:0;height:100%;color:var(--text-main);box-sizing:border-box;flex-direction:row;flex:1;margin:0;padding:0;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);z-index:50;background-color:#fff;flex-direction:column;flex-shrink:0;width:240px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.collapsed{width:76px}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;padding:0 1rem;display:flex;overflow:hidden}.sidebar-header .logo{color:var(--primary);white-space:nowrap;opacity:1;align-items:center;gap:.75rem;margin:0;padding-left:.5rem;font-size:1.1rem;font-weight:700;transition:opacity .2s;display:flex}.sidebar.collapsed .logo{opacity:0;pointer-events:none;position:absolute}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:1rem 0 .5rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.nav-list{flex-direction:column;gap:.25rem;margin:0;padding:0 .75rem;list-style:none;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:.375rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-main);background-color:#f1f5f9}.nav-item.active .nav-link{color:var(--accent);background-color:#f8fafc;font-weight:600}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{flex-shrink:0;width:18px;height:18px;transition:transform .2s}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-link:hover .nav-icon{transform:scale(1.1)}.toggle-btn{color:var(--text-muted);cursor:pointer;z-index:10;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center}.toggle-btn:hover{color:var(--text-main);background-color:#f1f5f9;border-color:#cbd5e1}.toggle-icon{width:18px;height:18px;transition:transform .2s}[title]{position:relative}.main-wrapper,.main-content{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;display:flex;overflow:hidden}.top-header{border-bottom:1px solid var(--border);box-sizing:border-box;background-color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.branch-switcher{border:1px solid var(--border);color:var(--text-main);background-color:#f8fafc;border-radius:.6rem;align-items:center;gap:.6rem;padding:.5rem .95rem;transition:all .2s;display:flex}.branch-switcher:hover{background-color:#f1f5f9;border-color:#cbd5e1}.branch-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.branch-select{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;padding-right:.5rem;font-family:inherit;font-size:.95rem;font-weight:600}.date-chip{border:1px solid var(--border,#e2e8f0);color:var(--text-main,#1e293b);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;background-color:#f8fafc;border-radius:.6rem;align-items:center;gap:.5rem;padding:.5rem .95rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:background-color .2s,border-color .2s;display:inline-flex}.date-chip-icon{width:16px;height:16px;color:var(--text-muted,#64748b);flex-shrink:0}.date-chip-text{color:var(--text-main,#1e293b);font-weight:500}.top-header .header-center,.top-header .search-bar{display:none!important}.header-center:has(.search-bar){display:none!important}.search-bar{align-items:center;display:flex;position:relative}.search-icon{color:#94a3b8;width:16px;height:16px;position:absolute;left:1rem}.search-input{border:1px solid var(--border);background-color:#f8fafc;border-radius:2rem;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:.9rem;transition:all .2s}.search-input:focus{border-color:var(--accent);background-color:#fff;outline:none;box-shadow:0 0 0 2px #d946ef1a}.header-right{align-items:center;gap:1.15rem;display:flex}.plan-badge,.top-header .plan-badge,#headerPlanBadge{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;background-color:#fdf4ff;border:1px solid #fae8ff;border-radius:1.25rem;justify-content:center;align-items:center;padding:.38rem .95rem;font-size:.8rem;font-weight:700;display:inline-flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:inline-flex;position:relative}.icon-btn:hover{color:var(--text-main);background-color:#f1f5f9}.icon-btn i,.icon-btn svg{width:22px;height:22px}.notification-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.notif-badge{color:#fff;pointer-events:none;z-index:2;box-sizing:border-box;background:#ef4444;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.72rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:-3px;box-shadow:0 1px 3px #00000026}.avatar,.top-header .avatar,.user-profile .avatar,#avatarBtn{cursor:pointer;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);backface-visibility:hidden;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:42px;height:42px;transition:all .2s;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 2px #c7d2fe,0 2px 6px #1e3a8a26;mask-image:radial-gradient(#fff,#000)}.avatar:hover{box-shadow:0 0 0 2px #818cf8,0 4px 10px #1e3a8a40}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;background-color:#0f172a40;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.profile-backdrop.active{opacity:1;visibility:visible}.user-profile{position:relative}.profile-dropdown{opacity:0;visibility:hidden;z-index:50;background-color:#fff;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;width:230px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-10px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{flex-direction:column;gap:2px;padding:16px;display:flex}.dropdown-name{color:#1e3a8a;margin:0;font-size:.95rem;font-weight:600}.dropdown-role{color:#64748b;margin:0;font-size:.8rem}.dropdown-divider{background-color:#f1f5f9;width:100%;height:1px}.dropdown-list{flex-direction:column;margin:0;padding:8px 0;list-style:none;display:flex}.dropdown-list li{padding:0 8px}.dropdown-item{color:#334155;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.dropdown-item i{color:#64748b;width:16px;height:16px;transition:color .15s,transform .15s}.dropdown-item:hover{color:#0f172a;background-color:#f8fafc}.dropdown-item:hover i{transform:scale(1.1)}.dropdown-item svg.feather-user{stroke:#818cf8}.dropdown-item:hover svg.feather-user{stroke:#4f46e5}.dropdown-item svg.feather-calendar{stroke:#2dd4bf}.dropdown-item:hover svg.feather-calendar{stroke:#0d9488}.dropdown-item svg.feather-credit-card{stroke:#fbbf24}.dropdown-item:hover svg.feather-credit-card{stroke:#d97706}.dropdown-item svg.feather-settings{stroke:#94a3b8}.dropdown-item:hover svg.feather-settings{stroke:#475569}.dropdown-item svg.feather-help-circle{stroke:#60a5fa}.dropdown-item:hover svg.feather-help-circle{stroke:#2563eb}.dropdown-item.text-danger{color:#e11d48}.dropdown-item.text-danger svg.feather-log-out{stroke:#fb7185}.dropdown-item.text-danger:hover{color:#be123c;background-color:#fff1f2}.dropdown-item.text-danger:hover svg.feather-log-out{stroke:#e11d48}.profile-avatar-wrap{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);backface-visibility:hidden;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:88px;height:88px;margin-bottom:14px;overflow:hidden;transform:translateZ(0);box-shadow:0 0 0 3px #c7d2fe,0 4px 12px #1e3a8a2e;mask-image:radial-gradient(#fff,#000)}.profile-avatar-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.change-photo-btn{color:#1e3a8a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.change-photo-btn:hover{color:#4f46e5;background:#e0e7ff;border-color:#818cf8}.change-photo-btn svg{stroke:currentColor;width:14px;height:14px}.profile-name-display{color:#1e3a8a;text-align:center;margin:0 0 4px;font-size:.95rem;font-weight:700}.profile-role-display{color:#64748b;text-align:center;background:#f1f5f9;border-radius:999px;margin:0;padding:3px 12px;font-size:.8rem;font-weight:500}.read-only-input{cursor:not-allowed;color:#94a3b8!important;background-color:#f8fafc!important}.content-area{box-sizing:border-box;flex:1;width:100%;padding:.75rem 1rem .5rem;overflow-y:auto}.content-header{margin-bottom:2rem}.content-header h1{color:var(--text-main);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.text-muted{color:var(--text-muted);font-size:.95rem}.card{border:1px solid var(--border);background:#fff;border-radius:1rem;padding:1.2rem;transition:box-shadow .2s;box-shadow:0 1px 3px #00000005}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem 1rem;margin-bottom:.6rem;display:grid}.stat-card{align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon i{width:20px;height:20px}.stat-details{flex:1}.stat-label{color:var(--text-muted);margin-bottom:.25rem;font-size:.85rem;font-weight:500}.stat-value{color:var(--text-main);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-trend{align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.stat-trend i{width:12px;height:12px}.bg-indigo-light{background-color:#e0e7ff}.text-indigo{color:#4f46e5}.bg-emerald-light{background-color:#d1fae5}.text-emerald{color:#10b981}.bg-blue-light{background-color:#dbeafe}.text-blue{color:#3b82f6}.bg-amber-light{background-color:#fef3c7}.text-amber{color:#f59e0b}.positive{color:#10b981}.negative{color:#ef4444}.neutral{color:#64748b}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:.6rem 1rem;display:grid}.span-1{grid-column:span 1}.right-column-grid{flex-direction:column;gap:1rem;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-header h2{color:var(--text-main);margin:0;font-size:1.125rem;font-weight:700}.btn-text{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none}.btn-text:hover{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.appointment-list{flex-direction:column;gap:1rem;min-height:280px;display:flex}.appointment-item{border:1px solid var(--border);border-radius:.75rem;align-items:center;padding:1rem;transition:all .2s;display:flex}.appointment-item:hover{background-color:#f8fafc;border-color:#cbd5e1}.time-block{flex-direction:column;gap:.25rem;width:100px;display:flex}.time-block .time{color:var(--text-main);font-size:.95rem;font-weight:600}.time-block .duration{color:var(--text-muted);font-size:.8rem}.details-block{flex:1}.client-info{align-items:center;gap:1rem;display:flex}.avatar.small{width:36px;height:36px}.name-service h4{color:var(--text-main);margin:0 0 .15rem;font-size:.95rem;font-weight:600}.name-service p{color:var(--text-muted);margin:0;font-size:.85rem}.staff-block{width:100px}.badge{color:#475569;background:#f1f5f9;border-radius:1rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.status-block{text-align:right;width:100px}.status-pill{border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-pill.in-progress{color:#2563eb;background:#dbeafe}.status-pill.confirmed{color:#059669;background:#d1fae5}.status-pill.pending{color:#d97706;background:#fef3c7}.chart-container{align-items:flex-end;height:180px;padding-top:1rem;display:flex}.bar-chart{justify-content:space-between;align-items:flex-end;width:100%;height:100%;display:flex}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;width:12%;height:100%;display:flex}.bar{background-color:#e2e8f0;border-radius:4px 4px 0 0;width:100%;transition:all .3s}.bar-group.active .bar,.bar-group:hover .bar{background-color:var(--accent)}.day{color:var(--text-muted);font-size:.75rem;font-weight:500}.top-services-card .service-list{min-height:180px;max-height:180px;overflow-y:auto}.service-list{flex-direction:column;gap:1.25rem;min-height:280px;margin:0;padding:0;list-style:none;display:flex}.service-list li{justify-content:space-between;align-items:center;display:flex}.service-info{flex-direction:column;display:flex}.service-name{color:var(--text-main);font-size:.95rem;font-weight:500}.centered-placeholder{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:calc(280px - 1rem);font-size:.9rem;display:flex}.service-count{color:var(--text-muted);font-size:.8rem}.service-revenue{color:var(--text-main);font-weight:600}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.span-2,.span-1{grid-column:span 1}}@media (width<=768px){.sidebar{height:100%;position:absolute;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.search-center{display:none}.content-area{padding:1.5rem}.time-block{width:70px}.staff-block,.quick-actions,.header-divider{display:none}}.quick-actions{align-items:center;gap:.5rem;display:flex}.qa-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.5rem;padding:.52rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.qa-icon{flex-shrink:0;width:16px;height:16px}.qa-btn.qa-primary{background-color:var(--accent,#d946ef);color:#fff;border-color:var(--accent,#d946ef)}.qa-btn.qa-primary:hover{opacity:.88;box-shadow:0 2px 8px #d946ef40}.qa-btn.qa-secondary{color:var(--text-main);border-color:var(--border);background-color:#f8fafc}.qa-btn.qa-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}.header-divider{background-color:var(--border);flex-shrink:0;width:1px;height:28px}.bg-violet-light{background-color:#ede9fe}.text-violet{color:#7c3aed}.bg-teal-light{background-color:#ccfbf1}.text-teal{color:#0d9488}.bg-rose-light{background-color:#ffe4e6}.stat-value-sub{color:var(--text-muted);font-size:1rem;font-weight:500}.utilization-bar-track{background-color:#e2e8f0;border-radius:999px;height:6px;margin-top:.6rem;overflow:hidden}.utilization-bar-fill{background:linear-gradient(90deg,#0d9488,#34d399);border-radius:999px;height:100%;transition:width .6s}.noshow-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.noshow-pill{border-radius:1rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500}.noshow-pill.noshow{color:#be123c;background-color:#fff1f2}.noshow-pill.cancelled{color:#b45309;background-color:#fef3c7}.summary-cards-row2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-grid-bottom{margin-top:1.5rem}.dashboard-grid-3col{grid-template-columns:repeat(3,1fr);gap:.6rem 1rem;display:grid}.span-3{grid-column:span 3}.span-2{grid-column:span 2}@media (width<=1024px){.dashboard-grid-3col{grid-template-columns:1fr}.span-3,.span-2{grid-column:span 1}}.services-today-list{flex-direction:column;gap:1rem;min-height:180px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.product-sales-card .services-today-list{min-height:unset;max-height:unset;overflow-y:visible}.services-today-item{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sti-info{align-items:center;gap:.5rem;min-width:90px;display:flex}.sti-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sti-name{color:var(--text-main);white-space:nowrap;font-size:.875rem;font-weight:500}.sti-right{flex:1;align-items:center;gap:.6rem;display:flex}.sti-bar-track{background-color:#f1f5f9;border-radius:999px;flex:1;height:6px;overflow:hidden}.sti-bar{border-radius:999px;height:100%;transition:width .5s}.sti-count{color:var(--text-main);text-align:right;min-width:20px;font-size:.8rem;font-weight:700}.header-tabs{align-items:center;gap:1.5rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:600;transition:all .2s;position:relative}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--text-main)}.tab-btn.active:after{content:"";background-color:var(--primary);border-radius:99px;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.tab-pane{display:none}.tab-pane.active{animation:.3s fadeIn;display:block}.status-pill.completed{color:#10b981;background-color:#ecfdf5}@media (width<=640px){.header-tabs{gap:1rem}.tab-btn{font-size:.875rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;opacity:0;pointer-events:none;background-color:#0f172a66;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-container{opacity:0;background:#fff;border-radius:14px;flex-direction:column;width:75%;max-width:75%;max-height:95vh;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.95);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.modal-overlay.active .modal-container{opacity:1;transform:scale(1)}.modal-header{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:1rem 1.5rem;display:flex}.header-titles h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.header-titles .subtitle{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.modal-close:hover{color:#0f172a;background-color:#f1f5f9}.modal-close i{width:18px;height:18px}.modal-body{flex-direction:column;flex:1;padding:0;display:flex;overflow-y:auto}.modal-body>form,.modal-body>div:not(.modal-split){box-sizing:border-box;width:100%;padding:24px}.modal-split{width:100%;display:flex}.modal-form-side{border-right:1px solid #f1f5f9;flex-direction:column;flex:0 0 65%;gap:6px;max-width:420px;padding:1.2rem 1.5rem;display:flex}.modal-summary-side{background-color:#fff;flex:0 0 35%;padding:1.5rem}.modal-footer{background-color:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-section{border-bottom:1px solid #f8fafc;flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group:last-child{margin-bottom:0}.section-gap{margin-top:16px}.span-full{grid-column:span 2}.form-label{color:#334155;margin-bottom:2px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:40px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .2s;box-shadow:0 1px 2px #00000005}.form-input:focus,.form-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf626}.form-input::placeholder{color:#94a3b8}.form-textarea{resize:vertical;min-height:50px}.read-only-input{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.badge-pill{border-radius:9999px;align-items:center;width:fit-content;margin-bottom:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.existing-badge{color:#059669;background-color:#ecfdf5}.new-badge{color:#4338ca;background-color:#e0e7ff}.customer-badge-container{margin-top:.3rem}.relative{position:relative}.search-suggestions{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:200px;margin-top:.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.suggestion-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background-color .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f8fafc}.sugg-name{color:#0f172a;font-size:.875rem;font-weight:600}.sugg-phone{color:#64748b;font-size:.8rem}.summary-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;height:100%;padding:1.25rem;display:flex}.summary-card h3{color:#0f172a;margin:0 0 1rem;font-size:.95rem;font-weight:700}.summary-content{flex-direction:column;flex:1;gap:.75rem;display:flex}.summary-row{justify-content:space-between;align-items:center;display:flex}.summary-label{color:#64748b;font-size:.825rem;font-weight:500}.summary-value{color:#0f172a;text-align:right;word-break:break-word;max-width:60%;font-size:.85rem;font-weight:600}.summary-footer{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.summary-total-label{color:#334155;font-size:1rem;font-weight:600}.summary-total-value{color:#8b5cf6;font-size:1.25rem;font-weight:800}.btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;height:42px;padding:0 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;color:#fff!important;box-shadow:none!important;background-color:#cbd5e1!important;border-color:#cbd5e1!important}.btn-primary{color:#fff;background-color:#1e3a8a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:not(:disabled):hover{background-color:#172554;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-secondary{color:#334155;background-color:#fff;border-color:#e2e8f0}.btn-secondary:not(:disabled):hover{background-color:#f8fafc;border-color:#cbd5e1}.toast-notification{color:#fff;opacity:0;z-index:10000;background-color:#0f172a;border-radius:8px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(150%);box-shadow:0 10px 15px -3px #0003}.toast-notification.show{opacity:1;transform:translateY(0)}.toast-notification:before{content:"✓";color:#fff;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}@media (width<=768px){.modal-split{flex-direction:column}.modal-form-side,.modal-summary-side{border-right:none;flex:0 0 100%}.modal-summary-side{background-color:#f8fafc;border-top:1px solid #f1f5f9}.summary-card{background-color:#0000;border:none;padding:0}}.bookings-tabs{background:#fff;border-bottom:1px solid #e2e8f0;gap:1.5rem;margin-bottom:1.5rem;padding:0 32px;display:flex}.bookings-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 4px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.bookings-tab-btn.active{color:#1e3a8a;border-bottom:2px solid #1e3a8a;font-weight:600}.bookings-tab-pane{animation:.3s fadeIn;display:none}.filter-dropdown-container{display:inline-block;position:relative}.filter-menu{opacity:0;visibility:hidden;z-index:100;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:280px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-10px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.filter-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.filter-body{flex-direction:column;gap:1.5rem;max-height:400px;padding:16px;display:flex;overflow-y:auto}.filter-option{cursor:pointer;color:#334155;align-items:center;gap:8px;font-size:.875rem;display:flex}.filter-option input[type=checkbox],.filter-option input[type=radio]{appearance:none;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:4px;width:16px;height:16px;transition:all .2s;position:relative}.filter-option input[type=radio]{border-radius:50%}.filter-option input[type=checkbox]:checked,.filter-option input[type=radio]:checked{background-color:#3b82f6;border-color:#3b82f6}.filter-option input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.filter-option input[type=radio]:checked:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.btn-filter-reset{color:#64748b;cursor:pointer;background:0 0;border:none;padding:8px;font-size:.875rem;font-weight:500}.btn-filter-reset:hover{color:#0f172a}.btn-filter-apply{color:#fff;cursor:pointer;background-color:#1e3a8a;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .2s}.btn-filter-apply:hover{background-color:#172554}.calendar-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0 32px 32px;overflow:hidden}.calendar-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.calendar-nav-btn{cursor:pointer;color:#475569;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.calendar-nav-btn:hover{color:#0f172a;background:#f8fafc}.calendar-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);display:grid}.calendar-day-header{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:12px;font-size:.8rem;font-weight:600}.calendar-day-header:last-child{border-right:none}.calendar-day-cell{border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:120px;padding:8px;transition:background .2s;position:relative}.calendar-day-cell:hover{background:#f8fafc}.calendar-day-cell:nth-child(7n){border-right:none}.calendar-day-cell.other-month{color:#cbd5e1;background:#fbfcfd}.calendar-day-cell.today .day-number{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.calendar-item{color:#312e81;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#e0e7ff;border-left:3px solid #4f46e5;border-radius:4px;margin-bottom:4px;padding:4px 6px;font-size:.75rem;font-weight:500;overflow:hidden}.calendar-item.completed{color:#064e3b;background:#d1fae5;border-left-color:#059669}.calendar-item.cancelled{color:#78350f;background:#fef9c3;border-left-color:#d97706}.calendar-item.no-show{color:#7f1d1d;background:#fee2e2;border-left-color:#b91c1c}.tb-row{border-bottom:1px solid #e3ecf5;transition:background .15s}.tb-row:nth-child(2n){background:#fff}.tb-row:hover{background:#dce9f1f5}#tbTableAll tbody tr,#tbTableToday tbody tr{background:#fff}#tbTableAll tbody tr:hover,#tbTableToday tbody tr:hover{background:#f8fafc!important}.tb-status-pill{border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.tb-status-booked{color:#1d4ed8;background:#dbeafe}.tb-status-completed{color:#065f46;background:#d1fae5}.tb-status-noshow{color:#991b1b;background:#fee2e2}.tb-status-cancelled{color:#92400e;background:#fef9c3}.tb-payment-paid{color:#065f46;background:#d1fae5}.tb-payment-pending{color:#92400e;background:#fef3c7}.tb-payment-partial{color:#9f1239;background:#ffe4e6}.tb-action-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.tb-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.tb-action-btn svg{flex-shrink:0}.tb-actions-menu{z-index:800;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:190px;animation:.15s dropIn;position:fixed;overflow:hidden;box-shadow:0 8px 30px #0f172a1f}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tb-menu-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.855rem;font-weight:500;transition:background .12s;display:flex}.tb-menu-item:hover{background:#f8fafc}.tb-menu-item.danger{color:#dc2626}.tb-menu-item.danger:hover{background:#fff1f2}.tb-menu-item+.tb-menu-item{border-top:1px solid #f1f5f9}.customer-link{color:#4f46e5;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s}.customer-link:hover{color:#4338ca;text-decoration:underline}.tb-table-area{flex:1;padding:0;overflow-y:auto}.filter-dropdown-container{position:relative}.filter-menu{z-index:500;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:560px;animation:.15s dropIn;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 30px #0f172a1f}.filter-menu.active,.filter-menu.show{opacity:1;visibility:visible;display:block;transform:translateY(0)}.filter-header{border-bottom:1px solid #f1f5f9;padding:14px 16px 10px}.filter-header h3{color:#1e293b;margin:0;font-size:.9rem;font-weight:700}.filter-body{flex-direction:row;gap:24px;padding:12px 16px;display:flex}.filter-section{flex-direction:column;gap:6px;display:flex}.filter-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:.7rem;font-weight:700}.filter-option{color:#374151;cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:.85rem;font-weight:500;display:flex}.filter-option input{cursor:pointer;accent-color:#6366f1}.filter-footer{border-top:1px solid #f1f5f9;gap:8px;padding:12px 16px;display:flex}.btn-filter-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 0;font-size:.82rem;font-weight:600;transition:all .15s}.btn-filter-reset:hover{background:#f8fafc;border-color:#cbd5e1}.btn-filter-apply{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:.82rem;font-weight:600;transition:all .15s}.btn-filter-apply:hover{background:#4f46e5}.bookings-tabs{background:#fff;border-bottom:2px solid #e2e8f0;flex-shrink:0;gap:0;padding:0 32px;display:flex}.bookings-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.bookings-tab-btn:hover{color:#1e293b}.bookings-tab-btn.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.bookings-tab-pane{display:none}.bookings-tab-pane.active{display:block}.calendar-wrapper{padding:20px 32px}.calendar-nav-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.calendar-nav-btn:hover{background:#f1f5f9}.calendar-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-day-header{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px;font-size:.75rem;font-weight:700}.ph-btn-view:hover{background-color:#eef2ff}.calendar-grid{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-day-header{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:10px;font-size:.75rem;font-weight:700}.calendar-day-header:last-child{letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:none}.calendar-day-cell{vertical-align:top;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:100px;padding:8px}.calendar-day-cell.other-month{opacity:.5;background:#fafafa}.calendar-day-cell.today{background:#eff6ff}.day-number{color:#64748b;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.calendar-day-cell.today .day-number{color:#2563eb}.calendar-item{color:#1d4ed8;white-space:nowrap;text-overflow:ellipsis;background:#dbeafe;border-radius:4px;margin-bottom:2px;padding:2px 6px;font-size:.72rem;font-weight:500;overflow:hidden}.calendar-item.completed{color:#065f46;background:#d1fae5}.calendar-item.cancelled{color:#92400e;background:#fef9c3}.calendar-item.no-show{color:#991b1b;background:#fee2e2}.ph-badge-status{border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.ph-badge-status.completed{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.ph-badge-status.refunded{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.ph-badge-method{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.ph-badge-method.card{color:#3730a3;background-color:#e0e7ff;border:1px solid #c7d2fe}.ph-badge-method.upi{color:#86198f;background-color:#fdf4ff;border:1px solid #fae8ff}.ph-badge-method.cash{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0}.drawer-overlay.active{opacity:1!important;display:block!important}.side-drawer.active{transform:translate(0)!important}.ph-btn-view{color:#1e3a8a;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .2s}.ph-btn-view:hover{color:#3730a3;background-color:#eef2ff;border-color:#c7d2fe}#phTableBody tr:hover{background-color:#f1f5f9}.calendar-wrapper{border:1px solid var(--border);background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #00000005}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.calendar-title{color:var(--text-main);margin:0;font-size:1.6rem;font-weight:700}.calendar-nav-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.calendar-nav-btn:hover{color:var(--text-main);background-color:#f1f5f9}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-header{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:10px;font-size:.75rem;font-weight:700}.calendar-day{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-height:120px;padding:12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #00000005}.calendar-day.empty-day{box-shadow:none;background-color:#0000;border:none}.calendar-day:hover:not(.empty-day){border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.calendar-day.today{background-color:#f5f3ff;border:2px solid #8b5cf6}.calendar-badge{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:20px;margin-top:10px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 8px #6366f140}.calendar-badge:hover{transform:scale(1.04);box-shadow:0 5px 12px #6366f159}#phTableBody tr,#ppTableBody tr{background-color:#fff!important}#phTableBody tr:hover,#ppTableBody tr:hover{background-color:#f1f5f9!important}.appointments-card,.product-sales-card{flex-direction:column!important;height:380px!important;max-height:380px!important;display:flex!important;overflow:hidden!important}.appointments-card .card-body,.product-sales-card .card-body{flex:1!important;min-height:0!important;overflow-y:auto!important}.appointments-card .card-body::-webkit-scrollbar{display:none}.product-sales-card .card-body::-webkit-scrollbar{display:none}.revenue-card .card-body::-webkit-scrollbar{display:none}.top-services-card .card-body::-webkit-scrollbar{display:none}.top-services-today .card-body::-webkit-scrollbar{display:none}.services-today-list::-webkit-scrollbar{display:none}.service-list::-webkit-scrollbar{display:none}.appointments-card .card-body,.product-sales-card .card-body,.revenue-card .card-body,.top-services-card .card-body,.top-services-today .card-body,.services-today-list,.service-list{-ms-overflow-style:none;scrollbar-width:none}.tab-badge{color:#4f46e5;background-color:#eef2ff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.tab-btn.active .tab-badge{color:#fff;background-color:#4f46e5}#bookingModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;box-sizing:border-box;background-color:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}#staffOverrideConfirmOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10010;box-sizing:border-box;background-color:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}#bookingModal{background:#fff;border-radius:16px;flex-direction:column;width:1180px;max-width:96vw;height:92vh;max-height:820px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}#bookingModal .modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex}.booking-header-right{align-items:center;gap:14px;display:flex}.booking-summary-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:14px;padding:5px 16px 5px 12px;display:flex;box-shadow:0 1px 3px #0f172a0a}.booking-banner-metric{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.booking-banner-metric strong{color:#0f172a;font-size:.88rem;font-weight:700}.booking-banner-metric.price strong{color:#10b981}.booking-banner-label{white-space:nowrap}.booking-banner-sep{opacity:.8;background:#cbd5e1;width:1px;height:18px}#bookingModal .modal-header .header-titles h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}#bookingModal .modal-header .header-titles .subtitle{color:#64748b;margin-top:2px;margin-bottom:0;font-size:.875rem}#bookingModal .modal-body{flex-direction:row;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.booking-section-badge{text-transform:uppercase;letter-spacing:.06em;color:#2563eb;flex-shrink:0;align-items:center;gap:6px;margin-bottom:4px;font-size:.72rem;font-weight:700;display:inline-flex}.booking-left-panel{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 525px;gap:36px;width:525px;max-width:525px;height:100%;min-height:0;padding:1.25rem 1.5rem 2rem;display:flex;overflow-y:auto}.booking-left-panel::-webkit-scrollbar{width:5px}.booking-left-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.booking-left-panel .form-group{margin-bottom:0}.booking-left-panel .form-label{color:#334155;margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.form-label-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.form-label-row .form-label{margin-bottom:0}.customer-badge-inline{align-items:center;display:inline-flex}.badge-pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.badge-pill.existing-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.badge-pill.new-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.booking-right-panel{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;flex-direction:column;flex:1 1 0;gap:10px;width:auto;min-width:0;height:100%;min-height:0;padding:1.25rem 1.5rem 1.75rem;display:flex;overflow-y:auto}.booking-right-panel::-webkit-scrollbar{width:5px}.booking-right-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.booking-rhs-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:12px;display:flex}.btn-clear-all-main{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.78rem;font-weight:600;transition:all .15s;display:none}.btn-clear-all-main:hover{color:#dc2626;background:#fef2f2}.main-rhs-tabs{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;margin-top:4px;margin-bottom:12px;padding-bottom:6px;display:flex}.main-rhs-tabs-left{align-items:center;gap:16px;display:flex}.main-rhs-tab-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:7px;padding:6px 2px 8px;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.main-rhs-tab-btn:hover{color:#0f172a}.main-rhs-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.main-tab-count-badge{color:#475569;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.main-rhs-tab-btn.active .main-tab-count-badge{color:#fff;background:#2563eb}.btn-edit-services-top{letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#f97316 0%,#f59e0b 55%,#fbbf24 100%);border:none;border-radius:20px;align-items:center;gap:7px;margin-left:auto;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 3px 12px #f9731659;color:#fff!important}.btn-edit-services-top:hover{background:linear-gradient(90deg,#ea580c 0%,#f97316 55%,#f59e0b 100%);transform:translateY(-1px);box-shadow:0 5px 16px #f9731673}.btn-edit-services-top:active{transform:translateY(0);box-shadow:0 2px 6px #f973164d}.btn-edit-services-top i,.btn-edit-services-top svg{stroke-width:2.4px;width:13px;height:13px;color:#fff!important;stroke:#fff!important}.rhs-empty-container{display:none}.booking-right-panel.is-empty .rhs-empty-container{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:75px;margin-bottom:16px;display:flex}.rhs-empty-text{color:#64748b;margin:0;font-size:.88rem;font-weight:500;line-height:1.4}.booking-right-panel.is-empty .main-rhs-tabs,.booking-right-panel.is-empty .btn-clear-all-main,.booking-right-panel.is-empty .selected-services-list,.booking-right-panel.is-empty .services-count-pill{display:none!important}.booking-right-panel.is-empty .btn-add-services-modal{width:auto;min-width:230px;max-width:270px;margin:0 auto;padding:11px 22px;font-size:.88rem;display:inline-flex}.booking-right-panel.has-items .rhs-empty-container{display:none!important}.booking-right-panel .selected-services-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex;overflow-y:auto}.booking-right-panel .selected-services-list::-webkit-scrollbar{width:4px}.booking-right-panel .selected-services-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.lhs-section-group{flex-direction:column;gap:12px;display:flex}.lhs-sub-label{text-transform:uppercase;letter-spacing:.07em;color:#2563eb;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;margin-bottom:2px;padding-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.lhs-notes-section{padding-bottom:8px}.booking-datetime-row{align-items:flex-start;gap:12px;display:flex}.booking-datetime-row .form-group{margin-bottom:0}@media (width<=860px){#bookingModal .modal-body{flex-direction:column;overflow-y:auto}.booking-left-panel,.booking-right-panel{flex:none;width:100%;max-width:100%;height:auto;overflow-y:visible}.booking-left-panel{border-bottom:1px solid #e2e8f0;border-right:none}.booking-right-panel{min-height:300px}}.text-rose{color:#e11d48}.booking-services-section{display:none}.services-count-pill{color:#9333ea;background:#f3e8ff;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:700}.staff-sync-toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.staff-sync-toggle input[type=checkbox]{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:20px;outline:none;width:36px;height:20px;transition:background .2s;position:relative}.staff-sync-toggle input[type=checkbox]:checked{background:#9333ea}.staff-sync-toggle input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.staff-sync-toggle input[type=checkbox]:checked:before{transform:translate(16px)}.selected-services-list{flex-direction:column;gap:8px;margin-bottom:0;display:flex}.selected-services-empty{text-align:center;color:#64748b;background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:10px;padding:1.5rem;font-size:.88rem}.selected-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.selected-item-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px -1px #0000000d}.selected-item-card.dragging{opacity:.4;background:#fdf4ff;border:1.5px dashed #9333ea}.item-card-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.drag-handle{cursor:grab;color:#94a3b8;-webkit-user-select:none;user-select:none;align-items:center;padding:2px;font-size:1.1rem;line-height:1;display:flex}.drag-handle:active{cursor:grabbing}.item-info{flex-direction:column;min-width:0;display:flex}.item-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:600;overflow:hidden}.item-meta{color:#64748b;align-items:center;gap:6px;margin:2px 0 0;font-size:.8rem;display:flex}.item-meta .item-price{color:#059669;font-weight:600}.item-card-right{align-items:center;gap:12px;display:flex}.item-staff-group{align-items:center;gap:6px;display:flex}.item-staff-label{color:#64748b;white-space:nowrap;font-size:.78rem;font-weight:600}.item-staff-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:150px;max-width:220px;height:38px;padding:8px 12px;font-size:.86rem}.item-staff-select:focus{border-color:#9333ea;outline:none;box-shadow:0 0 0 2px #9333ea26}.btn-item-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-item-delete:hover{color:#ef4444;background:#fef2f2}.btn-item-delete i,.btn-item-delete svg{width:16px;height:16px}.selected-package-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:8px;transition:all .15s;overflow:hidden}.selected-package-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px -1px #0000000d}.package-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.package-header-left{flex-direction:column;gap:3px;min-width:0;display:flex}.package-title-row{align-items:center;gap:8px;display:flex}.package-title{color:#0f172a;font-size:.95rem;font-weight:700}.package-badge{color:#059669;letter-spacing:.02em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.package-meta{color:#64748b;align-items:center;gap:6px;font-size:.8rem;display:flex}.package-price{color:#059669;font-weight:600}.package-header-right{align-items:center;gap:8px;display:flex}.pkg-staff-sync-toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-right:6px;font-size:.76rem;font-weight:500;display:inline-flex}.pkg-staff-sync-toggle span{white-space:nowrap}.pkg-staff-sync-toggle input[type=checkbox]{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:18px;outline:none;width:32px;height:18px;margin:0;transition:background .2s;position:relative}.pkg-staff-sync-toggle input[type=checkbox]:checked{background:#9333ea}.pkg-staff-sync-toggle input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.pkg-staff-sync-toggle input[type=checkbox]:checked:before{transform:translate(14px)}.btn-package-toggle,.btn-package-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.btn-package-toggle:hover{color:#2563eb;background:#eff6ff}.btn-package-delete:hover{color:#ef4444;background:#fef2f2}.btn-package-toggle svg,.btn-package-delete svg,.btn-package-toggle i,.btn-package-delete i{width:16px;height:16px}.package-nested-services{background:#fafafa;border-top:1px solid #f1f5f9}.package-nested-service-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.package-nested-service-row:last-child{border-bottom:none}.nested-service-info{flex-direction:column;gap:2px;min-width:0;display:flex}.nested-service-name{color:#1e293b;font-size:.88rem;font-weight:600}.nested-service-duration{color:#64748b;font-size:.78rem}.nested-service-staff select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;min-width:140px;padding:6px 10px;font-size:.84rem;transition:border-color .15s}.nested-service-staff select:focus{border-color:#9333ea;box-shadow:0 0 0 2px #9333ea1a}.package-collapsed-note{color:#94a3b8;cursor:pointer;background:#f8fafc;border-top:1px solid #f1f5f9;padding:10px 14px;font-size:.82rem}.package-collapsed-note:hover{color:#475569;background:#f1f5f9}.main-group-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:8px 0 6px 2px;font-size:.8rem;font-weight:700}.service-icon-tile{border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.service-icon-tile i,.service-icon-tile svg{width:18px;height:18px}.service-icon-tile.theme-purple{color:#9333ea;background:#f3e8ff}.service-icon-tile.theme-rose{color:#e11d48;background:#ffe4e6}.service-icon-tile.theme-teal{color:#0d9488;background:#ccfbf1}.service-icon-tile.theme-amber{color:#d97706;background:#fef3c7}.service-icon-tile.theme-blue{color:#2563eb;background:#dbeafe}.service-icon-tile.theme-indigo{color:#4f46e5;background:#e0e7ff}.service-icon-tile.theme-emerald{color:#059669;background:#d1fae5}.booking-services-bottom-bar{display:none}.btn-add-services-modal{color:#7e22ce;cursor:pointer;background:linear-gradient(#faf5ff 0%,#f3e8ff 100%);border:1.5px solid #e9d5ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100%;max-width:100%;padding:12px 20px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #7c3aed14,0 1px 2px #7c3aed0a}.btn-add-services-modal:hover{color:#6d28d9;background:linear-gradient(#f5f3ff 0%,#ede9fe 100%);border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed29}.btn-add-services-modal:active{transform:translateY(0);box-shadow:0 1px 2px #7c3aed1a}.btn-add-services-modal i,.btn-add-services-modal svg{stroke-width:2.2px;width:16px;height:16px}.services-summary-chips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;display:flex}.summary-chip-item{align-items:center;gap:8px;display:flex}.summary-chip-divider{background:#cbd5e1;width:1px;height:24px}.summary-chip-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.76rem;font-weight:600}.summary-chip-val{color:#0f172a;font-size:.95rem;font-weight:700}.summary-chip-val.price{color:#16a34a}#bookingModal .modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.75rem;display:flex}#btnConfirmBooking{color:#fff;cursor:pointer;background:#9333ea;border-color:#9333ea;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .15s}#btnConfirmBooking:hover:not(:disabled){background:#7e22ce;border-color:#7e22ce}#btnConfirmBooking:disabled{opacity:.5;cursor:not-allowed}#addServicesModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10005;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}#addServicesModalOverlay.active{display:flex}#addServicesModal{background:#fff;border-radius:16px;flex-direction:column;width:1180px;max-width:96vw;height:88vh;max-height:760px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a4d}#addServicesModal .picker-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:1rem 1.75rem;display:flex}.picker-header-left{flex-direction:column;display:flex}.picker-header-right{align-items:center;gap:16px;display:flex}#addServicesModal .picker-header h3{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}#addServicesModal .picker-header p{color:#64748b;margin:2px 0 0;font-size:.85rem}#addServicesModal .picker-body{flex-direction:row;flex:1 1 0;height:100%;min-height:0;display:flex;overflow:hidden}.picker-catalog-col{box-sizing:border-box;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 40%;width:40%;max-width:40%;height:100%;min-height:0;padding:1.15rem .5rem .5rem 1.5rem;display:flex;overflow:hidden}.picker-tabs{background:#f1f5f9;border-radius:8px;margin-bottom:12px;margin-right:12px;padding:4px;display:flex}.picker-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.86rem;font-weight:600;transition:all .15s;display:flex}.picker-tab-btn i,.picker-tab-btn svg{width:15px;height:15px}.picker-tab-btn.active{color:#fff;background:#9333ea;box-shadow:0 2px 4px #9333ea33}.picker-search-wrapper{align-items:center;margin-bottom:12px;margin-right:12px;display:flex;position:relative}.picker-search-wrapper i,.picker-search-wrapper svg{color:#94a3b8;pointer-events:none;z-index:2;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.picker-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px 9px 38px;font-size:.88rem;transition:border-color .15s}.picker-search-input:focus{border-color:#9333ea;box-shadow:0 0 0 2px #9333ea1f}.picker-categories-pills{scrollbar-width:thin;gap:8px;margin-bottom:12px;margin-right:12px;padding-bottom:8px;display:flex;overflow-x:auto}.category-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .15s}.category-pill:hover{background:#f8fafc;border-color:#cbd5e1}.category-pill.active{color:#fff;background:#9333ea;border-color:#9333ea}.picker-catalog-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1 1 0;gap:8px;min-height:0;padding-right:12px;display:flex;overflow:hidden auto}.catalog-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .15s;display:flex}.catalog-item-card:hover{background:#faf5ff;border-color:#cbd5e1}.catalog-item-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.catalog-item-info{flex-direction:column;min-width:0;display:flex}.catalog-item-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.catalog-item-meta{color:#64748b;margin:2px 0 0;font-size:.8rem}.btn-catalog-action{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.btn-catalog-action.action-add{color:#9333ea;background:#fff;border:1.5px solid #d8b4fe}.btn-catalog-action.action-add:hover{background:#f3e8ff;border-color:#9333ea}.btn-catalog-action.action-added{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}.btn-catalog-action.action-added:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.btn-catalog-action.action-added:hover span:after{content:" (Remove)"}.picker-selected-col{box-sizing:border-box;background:#fafafa;flex-direction:column;flex:0 0 60%;width:60%;max-width:60%;height:100%;min-height:0;padding:1.15rem .5rem .35rem 1.5rem;display:flex;overflow:hidden}.picker-selected-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:10px;margin-right:12px;padding-bottom:10px;display:flex}.picker-rhs-tabs{align-items:center;gap:8px;width:100%;display:flex}.picker-rhs-tab-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.picker-rhs-tab-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.picker-rhs-tab-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;box-shadow:0 1px 2px #2563eb0d}.picker-rhs-tab-btn .picker-count-badge{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.picker-rhs-tab-btn.active .picker-count-badge{color:#1e40af;background:#dbeafe}.picker-selected-title-group{align-items:center;gap:8px;display:flex}.picker-selected-title{color:#0f172a;font-size:.95rem;font-weight:700}.picker-count-badge{color:#9333ea;background:#f3e8ff;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.74rem;font-weight:700;line-height:1;transition:all .15s;display:inline-flex}.picker-modal-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:14px;padding:5px 16px 5px 8px;display:flex;box-shadow:0 1px 3px #0f172a0a,0 1px 2px #0f172a05}.summary-chip-pill{align-items:center;gap:8px;display:flex}.chip-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.chip-icon-circle.duration{color:#3b82f6;background:#eff6ff}.chip-icon-circle.amount{color:#10b981;background:#ecfdf5}.chip-icon-circle i,.chip-icon-circle svg{width:13px;height:13px}.chip-content{align-items:baseline;gap:6px;display:flex}.chip-title{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.chip-value{color:#0f172a;font-size:.95rem;font-weight:700}.chip-value.price{color:#059669}.summary-chip-sep{opacity:.8;background:#cbd5e1;width:1px;height:18px}.picker-selected-toggle-row{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;margin-right:12px;padding-bottom:4px;display:flex}.btn-clear-all{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.btn-clear-all:hover{background:#fef2f2;text-decoration:underline}.btn-clear-all i,.btn-clear-all svg{width:14px;height:14px}.picker-selected-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1 1 0;gap:8px;min-height:0;padding-bottom:16px;padding-right:12px;display:flex;overflow:hidden auto}.picker-selected-list::-webkit-scrollbar{width:6px}.picker-catalog-list::-webkit-scrollbar{width:6px}.picker-selected-list::-webkit-scrollbar-track{background:0 0}.picker-catalog-list::-webkit-scrollbar-track{background:0 0}.picker-selected-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.picker-catalog-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.picker-selected-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.picker-catalog-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.selected-item-card,.selected-package-card,.catalog-item-card{flex-shrink:0}.picker-summary-box{display:none}#addServicesModal .picker-footer{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.65rem 1.75rem;display:flex}.btn-add-to-booking{color:#fff;cursor:pointer;background:#9333ea;border:1px solid #9333ea;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.btn-add-to-booking svg,.btn-add-to-booking i{width:16px;height:16px}.btn-add-to-booking:hover:not(:disabled){background:#7e22ce;border-color:#7e22ce}.btn-add-to-booking:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.booking-top-grid{grid-template-columns:1fr;gap:16px}#addServicesModal .picker-body{flex-direction:column;overflow-y:auto}.picker-catalog-col{border-bottom:1px solid #e2e8f0;border-right:none;flex:none;width:100%;max-width:100%}.picker-selected-col{flex:none;width:100%;max-width:100%}}.booking-modal-edit-mode #phoneSearch,.booking-modal-edit-mode #customerName,.booking-modal-edit-mode #customerEmail{color:#64748b;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}#editBookingIdBadge{color:#4338ca;vertical-align:middle;background:#e0e7ff;border-radius:6px;margin-left:8px;padding:2px 8px;font-family:monospace;font-size:.72rem;font-weight:700}#bookingStatusSelect option[value=completed]{color:#059669}#bookingStatusSelect option[value=cancelled]{color:#dc2626}#bookingStatusSelect option[value=no-show]{color:#ea580c}