:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.sidebar-item{transition:all .2s ease-in-out}.sidebar-item:hover{transform:translate(2px)}.MuiTooltip-tooltip{font-size:.875rem;padding:8px 12px;border-radius:8px}.main-content{transition:margin-left .3s ease,width .3s ease}@media (max-width: 768px){.sidebar-mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1200;transition:opacity .3s ease}}*{scroll-behavior:smooth}.focus-visible{outline:2px solid #3b82f6;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}main{background-color:#fff!important}.buttonAction{background-color:#2563eb!important;border-color:transparent!important;color:#fff!important;text-transform:none!important;font-weight:500!important;border-radius:25px!important;padding:10px 20px!important;box-shadow:0 0 12px #0006!important}.card{margin:0rem;padding:1.5rem;text-align:left;color:#434343;text-decoration:none;border:1px solid #d0d0d0;border-radius:10px;transition:border-color .3s,box-shadow .3s}.card-full-height{height:85vh;margin:0}.card-background-blue{background-color:#f9fafb!important;border-radius:10px!important}.card-table{padding:0}.searcher{border-color:#dadde1;background-color:#f9fafb;color:#727373;text-transform:none;font-weight:500;border-radius:10px!important}.searcher-table{border-color:#dadde1;background-color:#f9fafb;color:#727373;text-transform:none;font-weight:500}.scrollable-container{height:100%;overflow-y:auto;overflow-x:hidden}.card-info{background-color:#f9fafb!important;border-radius:10px!important;box-shadow:0 0 12px #0000001a}.card-product{border:1px solid #e0e0e0;border-radius:10px!important;box-shadow:0 0 #000}table{border:1px solid #e0e0e0}table th{background-color:#f9fafb!important}.initial-setup-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column;position:relative}.setup-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.step-completed .MuiTypography-caption{color:#10b981;font-weight:600}.progress-indicator{color:#4a5568;font-size:14px;font-weight:500}.setup-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.setup-title{font-size:48px;font-weight:700;color:#1a202c;margin-bottom:50px;letter-spacing:-.5px}.setup-subtitle{font-size:16px;color:#4a5568;margin-bottom:64px;line-height:1.6}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;width:95%;max-width:1200px;margin:0 auto}.setup-card{background:#fff;border-radius:24px;padding:32px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d;min-height:320px}.setup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;opacity:.05;transition:opacity .3s ease}.setup-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.setup-card:hover:before{opacity:.1}.setup-card-purple{border:2px solid #e9d5ff}.setup-card-purple:before{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.setup-card-purple .step-badge{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.setup-card-purple .card-title{color:#7c3aed}.setup-card-blue{border:2px solid #bfdbfe}.setup-card-blue:before{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.setup-card-blue .step-badge{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.setup-card-blue .card-title{color:#2563eb}.setup-card-green{border:2px solid #a7f3d0}.setup-card-green:before{background:linear-gradient(135deg,#34d399,#10b981)}.setup-card-green .step-badge{background:linear-gradient(135deg,#34d399,#10b981)}.setup-card-green .card-title{color:#059669}.card-header{display:flex;justify-content:space-between;align-items:center}.step-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 12px #00000026}.status-badge{background:#fff;color:#6b7280;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #e5e7eb}.card-content{flex:1;display:flex;flex-direction:column;gap:12px;text-align:left}.card-title{font-size:28px;font-weight:700;margin:0;line-height:1.2}.card-description{font-size:15px;color:#4a5568;line-height:1.6;margin:0}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e5e7eb}.configure-button{color:inherit!important;font-weight:600!important;text-transform:none!important;padding:8px 0!important;font-size:15px!important}.configure-button:hover{background:transparent!important;transform:translate(4px)}.duration-text{color:#9ca3af;font-size:13px;font-weight:600}.setup-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;background:#fff;border-top:1px solid #e5e7eb;gap:16px}.footer-text{color:#4a5568;font-weight:500}.skip-button{color:#6b7280!important;text-transform:none!important;font-weight:500!important}.next-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;text-transform:none!important;font-weight:600!important;padding:10px 32px!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d!important}.next-button:hover{box-shadow:0 6px 20px #667eea66!important;transform:translateY(-2px)}.next-button:disabled{background:#e5e7eb!important;color:#9ca3af!important;box-shadow:none!important}@media (max-width: 960px){.cards-grid{grid-template-columns:1fr;max-width:500px}.setup-title{font-size:36px}.setup-header,.setup-footer{padding:20px 24px}.setup-content{padding:32px 16px}}@media (max-width: 600px){.setup-title{font-size:28px}.setup-subtitle{font-size:14px;margin-bottom:40px}.setup-card{padding:24px;min-height:280px}.card-title{font-size:24px}.card-description{font-size:14px}.setup-footer{flex-direction:column;align-items:stretch;gap:12px}.next-button{width:100%}}.brands-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.logo-container-bc{display:flex;align-items:center;gap:12px}.logo-circle-bc{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.logo-title-bc{font-weight:600!important;color:#1a202c!important;margin:0!important;line-height:1.2!important}.logo-subtitle-bc{color:#718096!important;font-size:12px!important;margin:0!important}.stepper-container-bc{display:flex;align-items:center;gap:8px}.step-item-bc{display:flex;flex-direction:column;align-items:center;gap:4px}.step-circle-bc{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;background:#e5e7eb;color:#9ca3af;transition:all .3s ease}.step-active-bc .step-circle-bc{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.step-completed-bc .step-circle-bc{background:#10b981;color:#fff}.step-item-bc .MuiTypography-caption{color:#9ca3af;font-size:11px;font-weight:500}.step-active-bc .MuiTypography-caption{color:#7c3aed;font-weight:600}.step-divider-bc{width:40px;height:2px;background:#e5e7eb;margin:0 4px 20px}.step-completed-bc .step-divider-bc{background:#10b981}.brands-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 48px;background:#fff;border-top:1px solid #e5e7eb}.footer-back-btn{color:#6b7280!important;border-color:#e5e7eb!important;text-transform:none!important;font-weight:500!important;padding:10px 32px!important;border-radius:12px!important}.footer-next-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;text-transform:none!important;font-weight:600!important;padding:10px 32px!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d!important}.footer-next-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8b)!important;box-shadow:0 6px 16px #667eea66!important}.footer-next-btn.Mui-disabled{background:#c4b5fd!important;box-shadow:none!important}.services-config-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.services-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.services-content{flex:1;padding:48px 24px!important}.services-title{font-size:36px;font-weight:700;color:#1a202c;margin-bottom:12px!important;text-align:center}.services-subtitle{font-size:15px;color:#4a5568;margin-bottom:48px!important;text-align:center;margin-left:auto;margin-right:auto;justify-content:center;align-items:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.category-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .3s ease;min-height:140px;display:flex;flex-direction:column}.category-card:not(.category-inactive) .category-content:hover{transform:translateY(-2px)}.category-inactive{opacity:.5;background:#f9fafb}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-code{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#4f46e5}.status-button{border-radius:12px!important;padding:4px 12px!important;font-size:12px!important;font-weight:600!important;text-transform:none!important;min-width:auto!important}.status-active{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important;color:#fff!important}.status-inactive{background:#e5e7eb!important;color:#6b7280!important}.category-content{flex:1;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease}.category-name{font-size:20px!important;font-weight:700!important;color:#1a202c!important}.category-description{font-size:14px!important;color:#6b7280!important}.services-actions{display:flex;justify-content:center;gap:16px;margin-top:24px}.minimal-button,.all-button{text-transform:none!important;font-weight:500!important;color:#6b7280!important}.services-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;background:#fff;border-top:1px solid #e5e7eb}.footer-back-button{color:#6b7280!important;border-color:#e5e7eb!important;text-transform:none!important;font-weight:500!important;padding:10px 32px!important;border-radius:12px!important}.footer-next-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;text-transform:none!important;font-weight:600!important;padding:10px 32px!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d!important}.services-dialog .MuiDialog-paper{border-radius:16px!important}.dialog-title,.dialog-content{padding:24px!important}.tab-button{text-transform:none!important;color:#6b7280!important;font-weight:500!important;padding:8px 16px!important;min-width:auto!important}.tab-active{color:#8b5cf6!important;font-weight:600!important;background:#8b5cf61a!important;border-radius:8px!important}.services-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.service-name{font-weight:500!important;color:#1a202c!important;flex:1}.service-inputs{display:flex;gap:12px}.add-service-section{padding:16px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.add-service-button{text-transform:none!important;font-weight:600!important;min-width:100px!important}.dialog-actions{padding:16px 24px!important;gap:12px!important}.dialog-cancel-button{color:#ef4444!important;text-transform:none!important;font-weight:500!important}.dialog-save-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;text-transform:none!important;font-weight:600!important;padding:10px 32px!important;border-radius:12px!important;box-shadow:0 4px 12px #667eea4d!important}@media (max-width: 960px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.services-header{flex-direction:column;gap:16px;align-items:flex-start}.services-top-bar,.services-footer{padding:20px 24px}.services-content{padding:32px 16px!important}}@media (max-width: 600px){.services-title{font-size:28px}.services-subtitle{font-size:14px}.categories-grid{grid-template-columns:1fr}.service-item{flex-direction:column;align-items:flex-start;gap:12px}.service-inputs{width:100%}.service-inputs input{flex:1}.services-footer{gap:12px}.footer-back-button,.footer-next-button{flex:1;padding:10px 16px!important}}.goals-config-container{min-height:100vh;background:#f8fafc;display:flex;flex-direction:column}.goals-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#fff;border-bottom:1px solid #e5e7eb}.logo-container{display:flex;align-items:center;gap:12px}.logo-circle{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.logo-title{font-weight:600;color:#1a202c;margin:0;line-height:1.2}.logo-subtitle{color:#718096;font-size:12px;margin:0}.stepper-container{display:flex;align-items:center;gap:8px}.step-item{display:flex;flex-direction:column;align-items:center;gap:4px}.step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;background:#e5e7eb;color:#9ca3af;transition:all .3s ease}.step-active .step-circle{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.step-completed .step-circle{background:#10b981;color:#fff}.step-item .MuiTypography-caption{color:#9ca3af;font-size:11px;font-weight:500}.step-active .MuiTypography-caption{color:#7c3aed;font-weight:600}.step-divider{width:40px;height:2px;background:#e5e7eb;margin:0 4px 20px}.config-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000d}.back-button{color:#666;font-weight:500;text-transform:none}.back-button:hover{background-color:#0000000a}.step-indicator{color:#666;font-weight:500;padding:8px 16px;background:#f5f5f5;border-radius:20px}.config-content{padding:40px 20px}.step-container{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #00000014}.step-header{display:flex;align-items:center;gap:20px;padding:24px;border-radius:12px;margin-bottom:32px}.salon-header{background:linear-gradient(135deg,#667eea,#764ba2)}.staff-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.step-icon{font-size:48px;color:#fff}.step-title{color:#fff;font-weight:700;margin:0}.step-subtitle{color:#ffffffe6;margin-top:4px}.config-section{margin-bottom:32px;padding:24px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.section-icon{font-size:24px}.billing-header .section-icon{color:#10b981}.sales-header .section-icon{color:#6366f1}.ticket-header .section-icon{color:#f59e0b}.waste-header .section-icon{color:#ef4444}.section-title{font-weight:600;color:#1f2937;margin:0}.section-subtitle{color:#6b7280;margin-bottom:16px;margin-top:4px}.period-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.period-input{width:100%}.goal-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:start}.goal-input-primary .MuiOutlinedInput-root{background:#fff;font-weight:600}.goal-input-primary .MuiInputLabel-root{font-weight:600;color:#1f2937}.goal-input-secondary .MuiOutlinedInput-root{background:#f3f4f6}.goal-input-secondary .MuiInputLabel-root{color:#6b7280}.mvp-alert{margin-top:16px;border-radius:8px}.mvp-alert strong{font-weight:600}.staff-selector{margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px}.selector-label{font-weight:600;color:#1f2937;margin-bottom:12px}.staff-tabs{background:#fff;border-radius:8px;padding:4px}.staff-tab{text-transform:none;font-weight:500;min-height:48px;border-radius:6px;transition:all .2s ease}.staff-tab.Mui-selected{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.step-footer{display:flex;flex-direction:column;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.continue-button{padding:14px 32px;font-size:16px;font-weight:600;text-transform:none;border-radius:10px;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.salon-button{background:linear-gradient(135deg,#667eea,#764ba2)}.salon-button:hover{background:linear-gradient(135deg,#5568d3,#653a8b);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.staff-button{background:linear-gradient(135deg,#4facfe,#00f2fe)}.staff-button:hover{background:linear-gradient(135deg,#3e92e5,#00d9e5);transform:translateY(-2px);box-shadow:0 6px 16px #4facfe66}.back-step-button{padding:12px 32px;font-size:16px;font-weight:600;text-transform:none;border-radius:10px;border:2px solid #e5e7eb;color:#6b7280}.back-step-button:hover{border-color:#9ca3af;background-color:#f9fafb}.later-button{color:#6b7280;font-weight:500;text-transform:none;align-self:center}.later-button:hover{background-color:#0000000a}@media (max-width: 1024px){.goal-row{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 768px){.config-header{padding:16px 20px}.step-container{padding:24px 16px}.period-inputs,.goal-row{grid-template-columns:1fr}.step-header{flex-direction:column;text-align:center}.staff-tabs{overflow-x:auto}}