@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#00c2ee;--color-secondary:#1d2a32;--color-tertiary:#00d084;--color-neutral-bg:#f4f6f9;--color-card-bg:#fff;--color-border:#e2e8f0;--color-text-main:#1d2a32;--color-text-muted:#64748b;--color-text-white:#fff;--color-success:#00d084;--color-danger:#dc2626;--color-warning:#f59e0b;--color-btn-primary-bg:#00607a;--color-btn-primary-hover:#004c61;--color-btn-secondary-bg:#f4f6f9;--color-btn-secondary-text:#1d2a32;--color-btn-secondary-hover:#e2e8f0;--color-btn-inverted-bg:#1d2a32;--color-btn-inverted-hover:#111a1f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 25px #1d2a320f;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-neutral-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-secondary);font-weight:700;line-height:1.25}a{color:var(--color-primary);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.85}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:2rem;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.btn{font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-btn-primary-bg);color:var(--color-text-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover)}.btn-secondary{background-color:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-btn-secondary-hover)}.btn-inverted{background-color:var(--color-btn-inverted-bg);color:var(--color-text-white)}.btn-inverted:hover:not(:disabled){background-color:var(--color-btn-inverted-hover)}.btn-outlined{color:var(--color-secondary);border-color:var(--color-secondary);background-color:#0000}.btn-outlined:hover:not(:disabled){background-color:#1d2a320d}.badge-btn{border-radius:var(--radius-sm);cursor:pointer;width:2.25rem;height:2.25rem;color:var(--color-text-white);transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;display:inline-flex}.badge-btn:hover{opacity:.9}.badge-btn-cyan{background-color:var(--color-primary)}.badge-btn-green{background-color:var(--color-tertiary)}.badge-btn-gray{color:var(--color-text-main);background-color:#e2e8f0}.badge-btn-red{background-color:var(--color-danger)}.form-group{margin-bottom:1.25rem}.form-group label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.375rem;font-size:.75rem;font-weight:600;display:block}.form-control{width:100%;font-family:var(--font-family);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;outline:none;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00c2ee26}.form-control::placeholder{color:#a0aec0}.search-wrapper{width:100%;position:relative}.search-input{width:100%;font-family:var(--font-family);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background-color:#f8fafc;outline:none;padding:.75rem 1rem .75rem 2.5rem;font-size:.9rem}.search-input:focus{border-color:var(--color-primary);background-color:#fff}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.stepper-container{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex;position:relative}.stepper-line{background-color:var(--color-border);z-index:1;height:3px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.stepper-line-active{background-color:var(--color-primary);z-index:1;height:3px;transition:width var(--transition-normal);position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-node{background-color:var(--color-card-bg);border:3px solid var(--color-border);width:2.5rem;height:2.5rem;color:var(--color-text-muted);z-index:2;transition:all var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.step-node.active{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px #00c2ee26}.step-node.completed{border-color:var(--color-tertiary);background-color:var(--color-tertiary);color:var(--color-text-white)}.step-label{white-space:nowrap;color:var(--color-text-muted);font-size:.75rem;font-weight:600;position:absolute;top:3rem;left:50%;transform:translate(-50%)}.step-node.active+.step-label,.step-node.completed+.step-label{color:var(--color-secondary)}.alert-success{color:#008753;border-radius:var(--radius-md);background-color:#00d0841a;border:1px solid #00d08433;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.alert-danger{color:var(--color-danger);border-radius:var(--radius-md);background-color:#dc26261a;border:1px solid #dc262633;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;display:flex}.dashboard-layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}@media (width<=768px){.dashboard-layout{grid-template-columns:1fr}}.dashboard-sidebar{background-color:var(--color-secondary);color:var(--color-text-white);flex-direction:column;justify-content:space-between;padding:2rem 1.5rem;display:flex}.sidebar-brand{color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:1.25rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;gap:.5rem;list-style:none;display:flex}.sidebar-nav-item button{text-align:left;color:#ffffffb3;border-radius:var(--radius-sm);cursor:pointer;width:100%;font-family:var(--font-family);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;display:flex}.sidebar-nav-item.active button,.sidebar-nav-item button:hover{color:var(--color-text-white);background-color:#ffffff14}.sidebar-nav-item.active button{color:var(--color-primary)}.dashboard-main{padding:2.5rem;overflow-y:auto}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card-bg);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.data-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;padding:1rem 1.25rem;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle;padding:1rem 1.25rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f8fafc}.spinner{border:3px solid #00c2ee1a;border-left-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.auth-page-container{background-color:var(--color-neutral-bg);grid-template-columns:1.1fr 1fr;width:100vw;min-height:100vh;display:grid}@media (width<=968px){.auth-page-container{grid-template-columns:1fr}}.auth-form-column{background-color:var(--color-neutral-bg);justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex;position:relative;overflow-y:auto}.auth-image-column{background-color:var(--color-secondary);flex-direction:column;justify-content:center;align-items:center;padding:4rem 3rem;display:flex;position:relative;overflow:hidden}@media (width<=968px){.auth-image-column{display:none}}.auth-image-column:before{content:"";z-index:1;background:radial-gradient(circle at 50% 40%,#00c2ee1f 0%,#1d2a3280 100%);position:absolute;inset:0}.auth-side-image{object-fit:contain;border-radius:var(--radius-lg);z-index:2;border:1px solid #ffffff14;max-width:90%;max-height:70vh;margin-bottom:2rem;animation:6s ease-in-out infinite floatImage;box-shadow:0 20px 40px #00000073}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.auth-side-caption{text-align:center;color:var(--color-text-white);z-index:3;max-width:480px}.auth-side-caption h3{color:var(--color-primary);letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.auth-side-caption p{color:#ffffffb3;font-size:.9rem;line-height:1.4}.dashboard-top-info-banner{background-color:var(--color-primary);color:var(--color-secondary);z-index:10;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;font-size:.8rem;font-weight:600;display:flex}.dashboard-top-info-banner .btn-update{background-color:var(--color-secondary);color:var(--color-text-white);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast);border:none;padding:.35rem 1rem;font-size:.75rem;font-weight:700}.dashboard-top-info-banner .btn-update:hover{opacity:.9}.dashboard-navbar-v2{border-bottom:1px solid var(--color-border);background-color:#fff;justify-content:space-between;align-items:center;padding:.75rem 2.5rem;display:flex}.navbar-v2-brand-section{align-items:center;gap:1.5rem;display:flex}.navbar-v2-brand-name{color:var(--color-secondary);font-size:1.2rem;font-weight:800}.navbar-v2-branch-indicator{color:var(--color-text-muted);border-left:2px solid var(--color-border);flex-direction:column;padding-left:1rem;font-size:.8rem;display:flex}.navbar-v2-branch-indicator span{color:var(--color-secondary);font-weight:700}.navbar-v2-search-input{border-radius:var(--radius-sm);background-color:#edf2f7;border:none;max-width:320px;font-size:.85rem}.navbar-v2-search-input:focus{border:1px solid var(--color-primary);box-shadow:none;background-color:#fff}.navbar-v2-right-section{align-items:center;gap:1.25rem;display:flex}.navbar-v2-role-badge{color:#047481;background-color:#e6fffa;border:1px solid #b2f5ea;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.navbar-v2-icon-btn{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar-v2-icon-btn:hover{color:var(--color-secondary)}.navbar-v2-branch-select{color:var(--color-secondary);cursor:pointer;background:0 0;border:none;outline:none;font-size:.8rem;font-weight:600}.navbar-v2-upgrade-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background-color:#005f73;border:none;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700}.sidebar-v2{color:#fff;background-color:#4a5560;flex-direction:column;justify-content:space-between;padding:1.5rem 1.25rem;display:flex}.sidebar-v2-logo{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.sidebar-v2-logo-icon{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;box-shadow:0 4px 10px #00c2ee33}.sidebar-v2-logo-text{flex-direction:column;line-height:1.1;display:flex}.sidebar-v2-logo-title{color:#fff;font-size:1.1rem;font-weight:800}.sidebar-v2-logo-subtitle{text-transform:uppercase;color:#fff9;letter-spacing:.05em;font-size:.6rem}.sidebar-v2-nav-item button{color:#fffc;border-radius:var(--radius-sm);padding:.65rem .875rem;font-size:.85rem;font-weight:600}.sidebar-v2-nav-item.active button,.sidebar-v2-nav-item button:hover{color:#fff;background-color:#ffffff17}.sidebar-v2-profile{border-radius:var(--radius-md);background-color:#0000001f;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.sidebar-v2-avatar{color:#fff;border-radius:var(--radius-sm);background-color:#3182ce;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;font-weight:700;display:flex}.kpi-sales-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#fff;padding:1.75rem}.sales-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.sales-card-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.sales-card-amount{color:var(--color-secondary);font-size:2rem;font-weight:800}.sales-card-badge{color:#00d084;border-radius:var(--radius-sm);background-color:#e6fffa;border:1px solid #b2f5ea;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:flex}.sales-chart-bars-wrapper{justify-content:space-between;align-items:flex-end;gap:.75rem;height:160px;padding-top:1rem;display:flex}.sales-chart-bar-col{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.sales-chart-bar{width:100%;transition:height .5s ease, background-color var(--transition-fast);background-color:#edf2f7;border-radius:4px 4px 0 0}.sales-chart-bar.active{background-color:var(--color-primary)}.sales-chart-bar:hover{opacity:.85}.kpi-side-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#fff;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.kpi-side-card-icon-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex}.kpi-side-card-icon-box-cyan{color:var(--color-primary);background-color:#00c2ee14}.kpi-side-card-icon-box-green{color:var(--color-tertiary);background-color:#00d08414}.kpi-side-card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.kpi-side-card-value{color:var(--color-secondary);margin-top:.125rem;font-size:1.75rem;font-weight:800;line-height:1.1}.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.quick-action-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background-color:#fff;padding:1.75rem}.quick-action-card:hover{box-shadow:var(--shadow-md);border-color:#00c2ee4d;transform:translateY(-2px)}.quick-action-card-icon{color:var(--color-btn-primary-bg);margin-bottom:1.25rem}.quick-action-card h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.quick-action-card p{color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.ai-insights-banner-v2{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-sm);background-image:linear-gradient(#0006,#00000073),url(/assets/office_glass_facade-DO-fHEG-.png);background-position:50%;background-size:cover;justify-content:space-between;align-items:center;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.ai-insights-content{max-width:600px}.ai-insights-badge{background-color:var(--color-primary);color:var(--color-secondary);border-radius:50px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.ai-insights-title{color:#fff;font-size:1.85rem;font-weight:800;line-height:1.2}.ai-insights-circle-btn{color:#fff;cursor:pointer;width:3.5rem;height:3.5rem;transition:transform var(--transition-fast), background-color var(--transition-fast);background-color:#005f73;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 20px #005f734d}.ai-insights-circle-btn:hover{background-color:var(--color-btn-primary-hover);transform:scale(1.05)}.auth-page-container,.auth-centered-container{height:100vh;max-height:100vh;position:relative;overflow:hidden}.auth-form-column .card,.auth-centered-container .card{box-shadow:var(--shadow-md);border-radius:var(--radius-lg);max-height:96vh;padding:1.5rem;overflow-y:auto;margin:0!important}.auth-form-column .form-group,.auth-centered-container .form-group{margin-bottom:.875rem}.auth-form-column .form-control,.auth-centered-container .form-control{padding:.6rem .8rem;font-size:.9rem}.auth-form-column .form-group label,.auth-centered-container .form-group label{margin-bottom:.25rem;font-size:.7rem}.auth-centered-container .stepper-container{margin-bottom:1.75rem!important}.auth-centered-container .step-label{font-size:.7rem;top:2.75rem}.auth-centered-container .btn,.auth-form-column .btn{padding:.625rem 1.15rem}