@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";:root{--color-white:#fff;--color-navy:#0b1f3a;--color-yellow:#f4c430;--color-orange:#f59e0b;--font-main:"Outfit", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}body,html{background-color:var(--color-white);width:100%;min-height:100%;font-family:var(--font-main);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0}#root{width:100%;min-height:100%;margin:0;padding:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172ab3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h2{color:var(--color-navy);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.75rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group input,.form-group select,.form-group textarea{color:var(--color-navy);box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-yellow);background:#fff;outline:none;box-shadow:0 0 0 2px #f4c4301a}.form-group textarea{resize:vertical;min-height:80px}button,input,select,textarea{font-family:inherit}.btn-primary,.btn-outline{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:38px;font-weight:600;transition:all .2s;display:inline-flex}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}@media (width<=768px){.modal-content{border-radius:12px!important;width:95%!important;max-width:95vw!important;max-height:92vh!important;padding:1.25rem 1rem!important}.form-grid{grid-template-columns:1fr!important;gap:.75rem!important}.modal-actions{flex-direction:column-reverse!important;gap:.5rem!important}.modal-actions button{justify-content:center!important;width:100%!important;padding:.75rem 1rem!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.2s ease-in-out fadeIn}.role-container{box-sizing:border-box;background:radial-gradient(circle at top,#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:3rem 1.5rem;display:flex;position:relative;overflow:hidden}.role-bg-ecosystem{pointer-events:none;opacity:0;z-index:0;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;overflow:hidden}.role-bg-ecosystem.reveal{opacity:1}.bg-solar-ring{opacity:.8;border:1px solid #f4c43026;border-radius:50%;width:80vw;height:80vw;position:absolute;top:-20vh;right:-20vw}.bg-navy-arc{border:1px solid #0b1f3a0a;border-radius:50%;width:60vw;height:60vw;position:absolute;top:10vh;right:-10vw}.bg-node{border-radius:50%;width:4px;height:4px;position:absolute}.node-1{background-color:var(--color-yellow);opacity:.5;top:18vh;right:15vw}.node-2{background-color:var(--color-orange);opacity:.3;top:35vh;right:8vw}.role-logo-container{opacity:0;z-index:10;margin-bottom:1rem;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(-5px)}.role-logo-container.reveal{opacity:1;transform:translateY(0)}.role-logo{object-fit:contain;width:auto;max-width:90vw;height:160px;margin-top:-40px;margin-bottom:-20px}.role-header{text-align:center;z-index:10;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.role-welcome{color:#64748b;opacity:0;margin:0 0 .5rem;font-size:1.05rem;font-weight:500;transition:opacity .6s,transform .6s;transform:translateY(4px)}.role-welcome.reveal{opacity:1;transform:translateY(0)}.role-title{color:var(--color-navy);letter-spacing:-.02em;opacity:0;margin:0 0 .5rem;font-size:2.6rem;font-weight:700;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(8px)}.role-title.reveal{opacity:1;transform:translateY(0)}.role-subtitle{color:#94a3b8;opacity:0;margin:0;font-size:1rem;font-weight:400;transition:opacity .6s,transform .6s;transform:translateY(4px)}.role-subtitle.reveal{opacity:1;transform:translateY(0)}.role-cards-section{z-index:10;justify-content:center;width:100%;max-width:920px;display:flex;position:relative}.role-energy-path{pointer-events:none;z-index:0;opacity:0;width:110%;height:200px;transition:opacity 1.5s .2s;position:absolute;top:50%;left:-5%;transform:translateY(-50%)}.role-energy-path.reveal{opacity:1}.energy-path-svg{width:100%;height:100%}.energy-path-svg path{fill:none;stroke:#f4c43040;stroke-width:1.5px;stroke-dasharray:6 8}.role-cards-wrapper{z-index:10;flex-direction:row;justify-content:center;gap:1.5rem;width:100%;display:flex}@media (width<=800px){.role-cards-wrapper{flex-direction:column;align-items:center;max-width:340px}.role-energy-path{display:none}}.role-card{background:var(--color-white);text-align:left;cursor:pointer;opacity:0;border:1px solid #0b1f3a0f;border-radius:16px;outline:none;flex-direction:column;flex:1;width:100%;min-width:240px;max-width:300px;padding:0;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 4px 20px #0b1f3a05}.role-card-content{flex-grow:1;padding:2rem 1.5rem 1rem}.role-cards-wrapper.reveal .role-card{animation:.7s cubic-bezier(.2,.8,.2,1) forwards cardEntrance}.role-cards-wrapper.reveal .card-admin{animation-delay:0s}.role-cards-wrapper.reveal .card-employee{animation-delay:.1s}.role-cards-wrapper.reveal .card-dealer{animation-delay:.2s}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.role-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.5rem;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex}.icon-admin{color:var(--color-navy);background-color:#0b1f3a0a}.icon-employee{color:var(--color-navy);background-color:#f4c43026}.icon-dealer{color:var(--color-navy);background-color:#f59e0b1f}.role-card h2{color:var(--color-navy);margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.role-card p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.role-card-footer{justify-content:flex-end;padding:.5rem 1.5rem 1.5rem;display:flex}.role-arrow{color:#cbd5e1;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s}.card-accent-line{background-color:#0000;width:100%;height:3px;position:absolute;bottom:0;left:0}.accent-line-traveler{width:0%;height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1)}.accent-admin .accent-line-traveler{background-color:var(--color-navy)}.accent-employee .accent-line-traveler{background-color:var(--color-yellow)}.accent-dealer .accent-line-traveler{background-color:var(--color-orange)}.role-card:hover,.role-card:focus-visible{transform:translateY(-6px);box-shadow:0 16px 32px #0b1f3a0f}.role-card:hover.card-admin{border-color:#0b1f3a4d}.role-card:hover.card-employee{border-color:#f4c43080}.role-card:hover.card-dealer{border-color:#f59e0b66}.role-card:hover .role-icon-wrapper{transform:scale(1.08)}.role-card:hover .role-arrow{color:var(--color-navy);transform:translate(6px)}.role-card:hover .accent-line-traveler{width:100%}.role-card:active,.role-card.selected{transform:scale(.98)translateY(0);box-shadow:0 4px 12px #0b1f3a0a}.role-card.selected.card-admin{border-color:var(--color-navy);box-shadow:0 0 0 1.5px var(--color-navy)}.role-card.selected.card-employee{border-color:var(--color-yellow);box-shadow:0 0 0 1.5px var(--color-yellow)}.role-card.selected.card-dealer{border-color:var(--color-orange);box-shadow:0 0 0 1.5px var(--color-orange)}.role-card.dimmed{opacity:.4;pointer-events:none;transform:scale(.98)}.role-footer{text-align:center;z-index:10;opacity:0;margin-top:4.5rem;transition:opacity .8s .3s,transform .8s .3s;transform:translateY(8px)}.role-footer.reveal{opacity:1;transform:translateY(0)}.role-footer h4{color:var(--color-navy);margin:0 0 .3rem;font-size:1rem;font-weight:600}.role-footer p{color:#94a3b8;margin:0;font-size:.85rem}.bottom-brand-accent{opacity:0;z-index:10;align-items:center;gap:8px;width:250px;transition:opacity 1s .6s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.bottom-brand-accent.reveal{opacity:1}.brand-node{background-color:var(--color-yellow);border-radius:50%;width:5px;height:5px}@media (width<=820px){.role-container{padding:2rem 1rem}.role-title{font-size:2rem}.role-cards-wrapper{flex-direction:column;align-items:center;gap:1.25rem}.role-card{width:100%;max-width:400px}.role-footer{margin-top:2.5rem}.bottom-brand-accent{display:none}}@media (width<=480px){.role-title{font-size:1.6rem}.role-logo{height:120px;margin-top:-20px}}.login-screen-container{background-color:var(--color-white);width:100%;min-height:100vh;display:flex;overflow:hidden}.login-left-panel{background-color:var(--color-white);border-right:1px solid #0b1f3a0f;flex-direction:column;flex:1;justify-content:center;padding:2rem 4rem;display:flex;position:relative;overflow:hidden}.solar-visual-system{pointer-events:none;z-index:0;position:absolute;inset:0}.visual-yellow-arc{width:90vw;height:90vw;position:absolute;top:-15vh;left:-25vw;transform:rotate(-45deg)}.yellow-arc-path{fill:none;stroke:var(--color-yellow);stroke-width:1.5px;stroke-dasharray:600;stroke-dashoffset:600px;opacity:.8;transition:opacity .5s}.visual-yellow-arc.draw .yellow-arc-path{animation:1.2s cubic-bezier(.4,0,.2,1) forwards drawYellowArc,6s ease-in-out 1.2s infinite subtleYellowPulse}@keyframes drawYellowArc{0%{stroke-dashoffset:600px}to{stroke-dashoffset:150px}}@keyframes subtleYellowPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.visual-navy-orbit{width:70vw;height:70vw;position:absolute;top:20vh;left:-10vw;transform:rotate(20deg)}.navy-orbit-path{fill:none;stroke:var(--color-navy);stroke-width:.5px;stroke-dasharray:900;stroke-dashoffset:900px;opacity:.15}.visual-navy-orbit.draw .navy-orbit-path{animation:1s cubic-bezier(.4,0,.2,1) forwards drawNavyOrbit}@keyframes drawNavyOrbit{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}.visual-network{opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}.visual-network.reveal{opacity:1}.network-line{fill:none;stroke:#0b1f3a0f;stroke-width:1px}.energy-node{background-color:var(--color-orange);opacity:0;border-radius:50%;width:6px;height:6px;transition:opacity .5s,transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;transform:scale(0)}.energy-node.reveal{opacity:1;transform:scale(1)}.node-1{top:25vh;left:35vw}.node-2{top:60vh;left:15vw}.node-3{top:15vh;left:10vw}.solar-icon-container{opacity:0;background-color:#f59e0b1a;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:22vh;left:25vw;transform:translateY(10px)}.solar-icon-container.reveal{opacity:1;transform:translateY(0)}.solar-icon{color:var(--color-orange)}.left-content{z-index:10;max-width:500px;position:relative}.login-logo{object-fit:contain;opacity:0;width:auto;max-width:100%;height:160px;margin-top:-40px;margin-bottom:-20px;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)scale(.96)}.login-logo.reveal{opacity:1;transform:translateY(0)scale(1)}.left-text-group{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)}.left-text-group.reveal{opacity:1;transform:translateY(0)}.left-text-group h2{color:var(--color-navy);letter-spacing:-.02em;margin:0 0 1rem;font-size:2.4rem;font-weight:700;line-height:1.25}.text-highlight{color:var(--color-navy);z-index:1;display:inline-block;position:relative}.text-highlight:after{content:"";background-color:var(--color-yellow);z-index:-1;opacity:.9;width:100%;height:6px;position:absolute;bottom:4px;left:0}.left-text-group p{color:#64748b;margin:0;font-size:1.05rem;line-height:1.6}.login-right-panel{background-color:var(--color-white);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-container{flex-direction:column;width:100%;max-width:440px;display:flex}.login-header{opacity:0;margin-bottom:2.5rem;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(10px)}.login-header.reveal{opacity:1;transform:translateY(0)}.role-badge{letter-spacing:.08em;color:var(--color-navy);background-color:#f4c43026;border:1px solid #f4c4304d;border-radius:20px;align-items:center;margin-bottom:1.5rem;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-indicator{background-color:var(--color-yellow);border-radius:50%;width:6px;height:6px;margin-right:8px}.login-header h3{color:#64748b;margin:0 0 .3rem;font-size:1rem;font-weight:500}.login-header h1{color:var(--color-navy);letter-spacing:-.02em;margin:0;font-size:2.6rem;font-weight:700}.heading-yellow-accent{background-color:var(--color-yellow);border-radius:2px;width:0;height:5px;margin-top:14px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.heading-yellow-accent.draw{width:90px}.login-form{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.input-group{opacity:0;flex-direction:column;display:flex;transform:translateY(10px)}.input-group.reveal,.form-actions-row.reveal,.btn-signin.reveal,.btn-back.reveal{animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideFadeUp}@keyframes slideFadeUp{to{opacity:1;transform:translateY(0)}}.input-group label{color:var(--color-navy);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{background-color:var(--color-white);width:100%;height:52px;color:var(--color-navy);border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:0 1.25rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.input-wrapper input::placeholder{color:#94a3b8}.input-focus-border{background-color:var(--color-yellow);transform-origin:50%;pointer-events:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:100%;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.input-wrapper input:focus{border-color:var(--color-navy)}.input-wrapper input:focus~.input-focus-border{transform:scaleX(1)}.password-wrapper input{padding-right:3.5rem}.password-toggle{width:44px;height:100%;color:var(--color-navy);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;right:.5rem}.password-toggle:hover,.password-toggle:focus-visible{color:var(--color-yellow)}.form-actions-row{opacity:0;justify-content:space-between;align-items:center;margin-top:-.25rem;display:flex}.custom-checkbox-container{cursor:pointer;color:var(--color-navy);-webkit-user-select:none;user-select:none;align-items:center;font-size:.95rem;font-weight:500;display:flex;position:relative}.custom-checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkmark{background-color:var(--color-white);border:2px solid var(--color-navy);border-radius:6px;width:22px;height:22px;margin-right:10px;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative}.custom-checkbox-container:hover input~.custom-checkmark{border-color:var(--color-yellow)}.custom-checkbox-container input:checked~.custom-checkmark{background-color:var(--color-yellow);border-color:var(--color-yellow)}.custom-checkmark:after{content:"";border:solid var(--color-navy);border-width:0 2px 2px 0;width:5px;height:11px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.custom-checkbox-container input:checked~.custom-checkmark:after{animation:.3s cubic-bezier(.2,.8,.2,1) checkReveal;display:block}@keyframes checkReveal{0%{transform:scale(0)rotate(45deg)}to{transform:scale(1)rotate(45deg)}}.forgot-password{color:var(--color-navy);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--color-yellow)}.btn-signin{background-color:var(--color-navy);width:100%;height:58px;color:var(--color-white);cursor:pointer;opacity:0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0b1f3a26}.btn-yellow-accent{background-color:var(--color-yellow);transform-origin:bottom;width:100%;height:4px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;transform:scaleY(0)}.btn-signin:hover:not(:disabled),.btn-signin:focus-visible:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #0b1f3a33}.btn-signin:hover:not(:disabled) .btn-yellow-accent,.btn-signin:focus-visible:not(:disabled) .btn-yellow-accent{transform:scaleY(1)}.btn-signin:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0b1f3a26}.btn-signin:disabled{opacity:.8;cursor:not-allowed}.btn-content{z-index:1;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.btn-arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.btn-signin:hover:not(:disabled) .btn-arrow{transform:translate(5px)}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-back{color:var(--color-navy);cursor:pointer;opacity:0;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;margin-top:1rem;padding:.5rem 0;font-family:inherit;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.back-arrow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.btn-back:hover{color:var(--color-yellow)}.btn-back:hover .back-arrow{transform:translate(-5px)}@media (width<=900px){.login-left-panel{display:none}.login-screen-container{border-top:6px solid var(--color-yellow)}}:root{--admin-sidebar-width:260px;--admin-sidebar-collapsed:80px;--admin-header-height:70px}.admin-layout{background-color:#f8fafc;width:100%;min-height:100vh;font-family:inherit;display:flex}.admin-sidebar{width:var(--admin-sidebar-width);background-color:var(--color-navy);color:var(--color-white);z-index:50;opacity:0;flex-direction:column;flex-shrink:0;height:100vh;transition:width .3s cubic-bezier(.2,.8,.2,1);display:flex;position:sticky;top:0;transform:translate(-20px);box-shadow:4px 0 24px #0b1f3a1a}.admin-sidebar.reveal{opacity:1;transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .6s,transform .6s;transform:translate(0)}.admin-sidebar.collapsed{width:var(--admin-sidebar-collapsed)}.sidebar-header{flex-direction:column;display:flex;position:relative}.sidebar-logo-container{background-color:var(--color-white);box-sizing:border-box;border-bottom:1px solid #0b1f3a1a;justify-content:center;align-items:center;width:100%;min-height:80px;padding:1.5rem;display:flex;overflow:hidden}.admin-sidebar.collapsed .sidebar-logo-container{display:none}.sidebar-logo{object-fit:contain;width:100%;max-width:160px;height:100px;margin-top:-20px;margin-bottom:-20px}.sidebar-collapse-btn{color:var(--color-navy);cursor:pointer;background:#0b1f3a0d;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex;position:absolute;top:1rem;right:1rem}.admin-sidebar.collapsed .sidebar-collapse-btn{color:#fff9;background:0 0;margin:1rem auto;position:static}.sidebar-collapse-btn:hover{color:var(--color-navy);background:#0b1f3a1a}.admin-sidebar.collapsed .sidebar-collapse-btn:hover{color:var(--color-yellow);background:#ffffff1a}.sidebar-close-btn.mobile-only{color:var(--color-navy);background:0 0;border:none;position:absolute;top:1rem;right:1rem}.mobile-only{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem .75rem;display:flex;overflow-y:auto}.nav-group{flex-direction:column;display:flex}.nav-item{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.nav-icon{color:var(--color-orange);opacity:.8;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex}.nav-item:hover,.nav-item.expanded{color:var(--color-white);background:#ffffff0d}.nav-item:hover .nav-icon{opacity:1;transform:scale(1.1)}.nav-item.active{color:var(--color-white);background:#f4c4301a}.nav-item.active:before{content:"";background-color:var(--color-yellow);border-radius:0 4px 4px 0;width:4px;height:80%;position:absolute;top:10%;left:0}.nav-item.active .nav-icon{color:var(--color-yellow);opacity:1}.nav-active-dot{background-color:var(--color-yellow);border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 8px #f4c43080}.nav-chevron{opacity:.6;align-items:center;margin-left:auto;display:flex}.chevron-icon{transition:transform .2s}.chevron-icon.rotate{transform:rotate(90deg)}.nav-submenu{opacity:0;flex-direction:column;gap:4px;height:0;padding-left:3.2rem;transition:height .3s,opacity .3s,padding .3s;display:flex;overflow:hidden}.nav-submenu.open{opacity:1;height:auto;padding-top:.5rem;padding-bottom:.5rem}.submenu-item{color:#fff9;cursor:pointer;padding:6px 0;font-size:.85rem;transition:color .2s}.submenu-item:hover{color:var(--color-yellow)}.dashboard-card-wrapper{width:100%;position:relative}.interactive-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.interactive-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0b1f3a1a}.card-dropdown{z-index:100;transform-origin:top;background:#fff;border:1px solid #0b1f3a1a;border-radius:8px;flex-direction:column;width:100%;max-height:250px;margin-top:.5rem;animation:.15s ease-out forwards dropdownPop;display:flex;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 6px 16px #0b1f3a14}@keyframes dropdownPop{0%{opacity:0;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.card-dropdown-header{color:#94a3b8;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.card-dropdown-item{cursor:pointer;color:var(--color-navy);border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.card-dropdown-item:last-of-type{border-bottom:none}.card-dropdown-item:hover{background:#f4c4301a}.card-dropdown-item.selected{border-left:3px solid var(--color-yellow);background:#f4c43026;font-weight:700}.dropdown-item-arrow{color:var(--color-orange);opacity:0;transition:all .2s;transform:translate(-4px)}.card-dropdown-item:hover .dropdown-item-arrow{opacity:1;transform:translate(0)}.card-dropdown-footer{color:var(--color-navy);cursor:pointer;text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.card-dropdown-footer:hover{color:var(--color-orange);background:#e2e8f0}.icon-orange{color:var(--color-orange)!important}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-divider{background:#ffffff14;height:1px;margin:.5rem 0}.footer-item{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;transition:all .2s;display:flex}.admin-sidebar.collapsed .footer-item{justify-content:center;padding:10px 0}.footer-item:hover{color:var(--color-white);background:#ffffff0d}.footer-item.sign-out:hover{color:#ef4444;background:#ef44441a}.admin-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow:hidden auto}.admin-header{height:var(--admin-header-height);background-color:var(--color-white);z-index:40;opacity:0;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;transform:translateY(-10px);box-shadow:0 1px 3px #0b1f3a0d}.admin-header.reveal{animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideFadeDown}@keyframes slideFadeDown{to{opacity:1;transform:translateY(0)}}.header-left{align-items:center;gap:1rem;display:flex}.breadcrumb{font-size:.95rem}.text-muted{color:#64748b}.text-navy{color:var(--color-navy)}.font-semibold{font-weight:600}.mx-2{margin:0 .5rem}.header-right{align-items:center;gap:1.5rem;display:flex}.notification-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background .2s,color .2s;position:relative}.notification-btn:hover{color:var(--color-navy);background:#f1f5f9}.notification-indicator{background-color:var(--color-yellow);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.profile-dropdown{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:4px 8px;transition:background .2s;display:flex}.profile-dropdown:hover{background:#f1f5f9}.avatar{background-color:var(--color-navy);width:36px;height:36px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--color-navy);font-size:.9rem;font-weight:600}.profile-role{color:#64748b;font-size:.75rem}.dashboard-content{flex-direction:column;flex:1;gap:2rem;padding:2rem;display:flex;position:relative}.dashboard-content:before{content:"";pointer-events:none;z-index:0;border:1px solid #f4c4300d;border-radius:50%;width:60vw;height:60vw;position:fixed;bottom:-20vh;right:-10vw}.welcome-section,.overview-grid,.dashboard-panel{opacity:0;transform:translateY(15px)}.reveal{animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideFadeUp}.welcome-section{z-index:10;position:relative}.welcome-section h1{color:var(--color-navy);margin:0 0 .25rem;font-size:1.8rem}.welcome-accent{background-color:var(--color-yellow);border-radius:2px;width:40px;height:3px;margin-bottom:.5rem}.welcome-section p{color:#64748b;margin:0}.overview-grid{z-index:10;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.overview-card{background:var(--color-white);opacity:0;border:1px solid #0b1f3a0d;border-radius:12px;flex-direction:column;padding:1.5rem;transition:transform .3s,box-shadow .3s;animation:.6s cubic-bezier(.2,.8,.2,1) forwards slideFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0b1f3a05}.overview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b1f3a0f}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:#64748b;font-size:.9rem;font-weight:500}.card-icon{width:36px;height:36px;color:var(--color-orange);background-color:#f59e0b1a;border-radius:8px;justify-content:center;align-items:center;transition:transform .3s;display:flex}.overview-card:hover .card-icon{transform:scale(1.1)}.card-value{color:var(--color-navy);margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.card-footer{align-items:center;gap:6px;font-size:.85rem;display:flex}.text-positive{color:#10b981}.text-neutral{color:#64748b}.card-bottom-accent{background-color:var(--color-yellow);transform-origin:0;width:100%;height:3px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.overview-card:hover .card-bottom-accent{transform:scaleX(1)}.dashboard-row{z-index:10;gap:1.5rem;display:grid}.grid-2-1{grid-template-columns:2fr 1fr}.dashboard-panel{background:var(--color-white);border:1px solid #0b1f3a0d;border-radius:12px;flex-direction:column;min-width:0;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0b1f3a05}.panel-header h2{color:var(--color-navy);margin:0 0 1.5rem;font-size:1.1rem;font-weight:600}.pipeline-header-area{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.pipeline-titles h2{color:var(--color-navy);letter-spacing:.05em;margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.pipeline-titles p{color:#64748b;margin:0;font-size:.9rem}.pipeline-summary-funnel{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.funnel-text{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.funnel-total-count{color:var(--color-navy);font-size:1.25rem;font-weight:800}.funnel-bars{flex-direction:column;gap:4px;width:180px;display:flex}.funnel-bar-row{align-items:center;gap:8px;font-size:.7rem;display:flex}.funnel-bar-label{text-align:right;color:#94a3b8;width:55px}.funnel-bar-bg{background:#f1f5f9;border-radius:2px;flex:1;height:4px;overflow:hidden}.funnel-bar-fill{border-radius:2px;height:100%}.funnel-bar-count{width:15px;color:var(--color-navy);text-align:right;font-weight:600}.stage-Lead{background-color:var(--color-orange)}.stage-Converted{background-color:#10b981}.stage-PMSurvey{background-color:var(--color-yellow)}.stage-Loan{background-color:var(--color-navy)}.stage-Material{background-color:var(--color-orange)}.stage-Completed{background-color:#10b981}.pipeline-filter-indicator{align-items:center;display:flex}.active-filter-pill{background:var(--color-white);border:1px solid #0b1f3a1a;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;display:flex;box-shadow:0 2px 4px #0b1f3a0d}.active-filter-pill .pill-text{color:var(--color-navy);font-size:.8rem;font-weight:700}.clear-filter-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.clear-filter-btn:hover{color:var(--color-orange)}.placeholder-page{text-align:center;width:100%;height:100%;color:var(--color-navy);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.placeholder-page h2{margin-bottom:.5rem;font-size:1.5rem}.placeholder-page p{color:#64748b}.all-employees-pill{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:.85rem}.all-employees-pill strong{color:var(--color-navy)}.pipeline-flow-crm{justify-content:space-between;align-items:stretch;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.crm-stage-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1 0 160px;padding:1.25rem;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;box-shadow:0 2px 6px #0b1f3a05}.crm-stage-card:before{content:"";border-radius:12px 12px 0 0;width:100%;height:4px;position:absolute;top:0;left:0}.stage-card-lead:before{background-color:var(--color-orange)}.stage-card-converted:before{background-color:#10b981}.stage-card-survey:before{background-color:var(--color-yellow)}.stage-card-loan:before{background-color:var(--color-navy)}.stage-card-material:before{background-color:var(--color-orange)}.stage-card-completed:before{background-color:#10b981}.crm-stage-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #0b1f3a0f}.crm-stage-card.active{border:2px solid var(--color-yellow);background:#f4c4300a;transform:translateY(-4px);box-shadow:0 8px 24px #f4c43026}.stage-card-header{align-items:center;gap:8px;margin-bottom:1rem;display:flex}.stage-card-icon{color:#64748b;transition:color .2s}.crm-stage-card.active .stage-card-icon{color:var(--color-navy)}.stage-card-name{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700;transition:color .2s}.crm-stage-card.active .stage-card-name{color:var(--color-navy)}.stage-card-count{color:var(--color-navy);margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1}.stage-card-subtitle{color:#475569;margin-bottom:1rem;font-size:.8rem;font-weight:500}.stage-card-microstat{color:#94a3b8;align-items:center;gap:6px;margin-top:auto;font-size:.75rem;display:flex}.microstat-dot{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.crm-stage-card.active .microstat-dot{background:var(--color-yellow)}.crm-pipeline-connector{color:#cbd5e1;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pipeline-divider{background:#0b1f3a14;width:100%;height:1px;margin:1.5rem 0}.pipeline-leads-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pipeline-leads-header h3{color:var(--color-navy);margin:0;font-size:1rem;font-weight:600}.leads-count-badge{color:var(--color-navy);background:#f4c43033;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid #f8fafc;padding:1rem;font-size:.9rem}.interactive-table tbody tr{cursor:pointer;transition:background .2s,transform .2s}.interactive-table tbody tr:hover{background:#f4c4300d}.text-sm{font-size:.8rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-dark-black{color:#000;font-weight:800}.text-dealer{color:#2563eb;font-weight:600}.text-employee{color:#d97706;font-weight:600}.empty-state{text-align:center;color:#94a3b8;font-style:italic;padding:2rem!important}.view-btn{color:var(--color-navy);cursor:pointer;background:#0b1f3a14;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.interactive-table tbody tr:hover .view-btn{background:var(--color-yellow);color:var(--color-navy);transform:scale(1.05)}.stock-list{flex-direction:column;gap:1.2rem;display:flex}.stock-item{flex-direction:column;gap:.4rem;display:flex}.stock-info{justify-content:space-between;font-size:.9rem;display:flex}.stock-name{color:var(--color-navy);align-items:center;gap:6px;font-weight:500;display:flex}.warn-icon{color:var(--color-orange)}.stock-val{color:#64748b;font-weight:600}.progress-bg{background-color:#f1f5f9;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background-color:var(--color-yellow);border-radius:3px;height:100%}.progress-fill.warn{background-color:var(--color-orange)}.stock-warning-text{color:var(--color-orange);font-size:.75rem}.chart-container{flex:1;width:100%;min-height:200px;position:relative}.mock-chart{width:100%;height:100%}.chart-label{fill:#94a3b8;font-size:10px}.chart-line{fill:none;stroke:var(--color-navy);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1.5s cubic-bezier(.2,.8,.2,1) .8s forwards drawChart}@keyframes drawChart{to{stroke-dashoffset:0}}.chart-point{fill:var(--color-white);stroke:var(--color-navy);stroke-width:2px;opacity:0;animation:.5s 1.8s forwards fadePoint}.chart-point.active{fill:var(--color-yellow);stroke:var(--color-yellow);r:6}@keyframes fadePoint{to{opacity:1}}.perf-list{flex-direction:column;gap:1rem;display:flex}.perf-list-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:.5rem;font-size:.8rem;font-weight:600;display:flex}.perf-item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.perf-name{color:var(--color-navy);font-weight:500}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.perf-stats{align-items:center;gap:8px;display:flex}.perf-val{color:var(--color-navy);font-weight:600}.perf-mini-bar{background:#f1f5f9;border-radius:2px;width:40px;height:4px}.perf-mini-bar div{background:var(--color-yellow);border-radius:2px;height:100%}.panel-overlay{z-index:60;background:#0b1f3a4d;animation:.3s forwards fadeIn;position:fixed;inset:0}.lead-detail-panel{background:var(--color-white);z-index:61;flex-direction:column;width:400px;animation:.35s cubic-bezier(.2,.8,.2,1) forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0b1f3a1a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.lead-detail-header{border-bottom:1px solid #0b1f3a14;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.lead-detail-header h2{color:var(--color-navy);margin:0;font-size:1.1rem;font-weight:600}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s,color .2s}.lead-detail-content{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.detail-group{flex-direction:column;gap:4px;display:flex}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.text-xl{font-size:1.5rem}.detail-action-group{border-top:1px solid #0b1f3a14;flex-direction:column;gap:12px;margin-top:1rem;padding-top:1.5rem;display:flex}.stage-select-wrapper{position:relative}.stage-select{appearance:none;width:100%;color:var(--color-navy);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s}.stage-select:focus,.stage-select:hover{border-color:var(--color-yellow);outline:none}.select-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.modal-overlay{background:#0b1f3a66;justify-content:center;align-items:center;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-white);text-align:center;border-radius:12px;width:90%;max-width:400px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.2,.8,.2,1) forwards modalPop;overflow-y:auto;box-shadow:0 10px 40px #0b1f3a33}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-title{color:var(--color-navy);margin:0 0 1rem;font-size:1.25rem}.modal-body{color:#64748b;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.modal-body strong{color:var(--color-navy);font-size:1.05rem}.modal-stage-change{color:var(--color-navy);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:1.5rem;padding:12px;display:flex}.stage-old{color:#64748b}.stage-new{color:var(--color-orange);font-weight:600}.modal-meta{color:#94a3b8;margin-bottom:2rem;font-size:.8rem}.modal-actions{gap:1rem;display:flex}.modal-btn-cancel,.modal-btn-confirm{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn-cancel{color:#64748b;background:#f1f5f9;border:none}.modal-btn-cancel:hover{color:var(--color-navy);background:#e2e8f0}.modal-btn-confirm{background:var(--color-navy);color:var(--color-white);border:none;border-bottom:3px solid #0000}.modal-btn-confirm:hover{border-bottom-color:var(--color-yellow);background:#0f2a4a}@media (width<=1200px){.overview-grid{grid-template-columns:repeat(2,1fr)}.grid-2-1{grid-template-columns:1fr}}@media (width<=900px){.desktop-only{display:none}.admin-sidebar{width:var(--admin-sidebar-collapsed)}.sidebar-header{justify-content:center;padding:0}.sidebar-logo-container{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-text,.nav-active-dot,.nav-chevron{display:none}.footer-item{justify-content:center;padding:10px 0}.footer-item span,.nav-submenu{display:none}}@media (width<=768px){.admin-header{flex-wrap:wrap;gap:.75rem;height:auto;min-height:60px;padding:.75rem 1rem}.header-actions{gap:.5rem}.search-wrapper{order:3;width:100%;max-width:100%;margin-top:.25rem}.dashboard-content{padding:.75rem}.welcome-banner{border-radius:10px;padding:1.25rem 1rem}.welcome-title{font-size:1.3rem}.pipeline-header-area{flex-direction:column;align-items:flex-start;gap:.75rem}.pipeline-flow-crm{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:.75rem;padding-bottom:.75rem;display:flex;overflow-x:auto}.crm-stage-card{scroll-snap-align:start;flex:0 0 150px;min-width:150px;padding:1rem}.crm-pipeline-connector{display:none}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.85rem}}@media (width<=640px){.mobile-only{display:flex!important}.admin-sidebar{z-index:100;width:280px;max-width:85vw;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar .sidebar-logo-container{padding:1rem;display:flex}.admin-sidebar .nav-item{justify-content:flex-start;padding:12px 14px}.admin-sidebar .nav-text,.admin-sidebar .nav-chevron,.admin-sidebar .nav-submenu{display:flex}.admin-sidebar .footer-item{justify-content:flex-start;padding:10px 14px}.admin-sidebar .footer-item span{display:block}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;background:#0b1f3a80;position:fixed;inset:0}.overview-grid{grid-template-columns:1fr;gap:.75rem}.dashboard-content{padding:.5rem}.pipeline-flow{flex-direction:column;align-items:flex-start;gap:1rem}.pipeline-connector{margin-left:20px;transform:rotate(90deg)}.lead-detail-panel{width:100%!important;max-width:100vw!important;padding:1.25rem 1rem!important}}.global-toast-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%)}.global-toast{color:var(--color-navy);border-left:4px solid var(--color-navy);background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:300px;padding:16px 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards slideDownBounce;display:flex;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d}.toast-exit{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-icon{width:22px;height:22px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s forwards popIn;transform:scale(0)}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{letter-spacing:-.01em;font-size:.95rem;font-weight:600}@keyframes slideDownBounce{0%{opacity:0;transform:translateY(-100%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpFade{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100%)scale(.9)}}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.global-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0a192f99;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.global-modal-content{background:#fff;border-radius:12px;width:90%;max-width:450px;max-height:90vh;padding:32px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards slideUp;overflow-y:auto;box-shadow:0 20px 40px #0003}.global-modal-title{color:var(--color-navy);margin-top:0;margin-bottom:12px;font-size:1.5rem}.global-modal-message{color:var(--color-navy-light);margin-bottom:24px;font-size:1rem;line-height:1.5}.global-modal-actions{justify-content:flex-end;gap:12px;display:flex}.global-btn-secondary{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 20px;font-weight:500;transition:all .2s}.global-btn-secondary:hover{background:#f8fafc}.global-btn-primary{background:var(--color-yellow);color:var(--color-navy);cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:all .2s}.global-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.global-btn-primary.btn-danger{color:#fff;background:#ef4444}.global-btn-primary.btn-danger:hover{background:#dc2626}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stock-page{max-width:1600px;color:var(--color-navy);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem;display:flex}.stock-header{justify-content:space-between;align-items:flex-end;display:flex}.stock-breadcrumb{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.stock-title h1{margin-bottom:.25rem;font-size:2rem;font-weight:800}.stock-title p{color:#64748b;font-weight:500}.stock-header-actions{gap:1rem;display:flex}.stock-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stock-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.card-icon.danger{color:#ef4444;background:#fef2f2}.stock-summary-card .card-label{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.stock-summary-card .card-value{font-size:2.25rem;font-weight:800;line-height:1.2}.stock-summary-card .card-desc{color:#94a3b8;font-size:.85rem;font-weight:500}.stock-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.stock-panel h2{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.stock-panel h2 .icon{color:var(--color-orange)}.row-grid-2-1{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.row-grid-1-2{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.low-stock-alert{background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;display:flex}.low-stock-alert.out-of-stock{background-color:#fef2f2;border-color:#fecaca}.low-stock-info{align-items:center;gap:.75rem;display:flex}.low-stock-alert strong{color:var(--color-navy)}.stock-level-visual{margin-top:1rem;margin-bottom:2rem}.stock-level-bar{background-color:#e2e8f0;border-radius:6px;height:12px;margin-top:.5rem;display:flex;overflow:hidden}.stock-bar-available{background-color:#16a34a;height:100%}.stock-bar-available.low{background-color:var(--color-orange)}.stock-bar-reserved{background-color:var(--color-yellow);height:100%}.stock-level-labels{color:#64748b;justify-content:space-between;margin-top:.5rem;font-size:.75rem;font-weight:600;display:flex}.status-timeline{justify-content:space-between;align-items:flex-start;margin-top:1.5rem;margin-bottom:2rem;display:flex;position:relative}.status-timeline:before{content:"";z-index:1;background-color:#e2e8f0;height:2px;position:absolute;top:12px;left:0;right:0}.timeline-node{z-index:2;text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.timeline-dot{background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:.5rem;display:flex}.timeline-node.completed .timeline-dot{color:#fff;background-color:#16a34a;border-color:#16a34a}.timeline-node.current .timeline-dot{border-color:var(--color-navy);background-color:#fff;border-width:3px}.timeline-node.rejected .timeline-dot{color:#fff;background-color:#ef4444;border-color:#ef4444}.timeline-label{color:#64748b;font-size:.8rem;font-weight:700}.timeline-node.completed .timeline-label,.timeline-node.current .timeline-label{color:var(--color-navy)}.timeline-date{color:#94a3b8;margin-top:.15rem;font-size:.7rem}@media (width<=1024px){.row-grid-2-1,.row-grid-1-2{grid-template-columns:1fr}}@media (width<=768px){.row-grid-2-1,.row-grid-1-2{grid-template-columns:1fr}}.inventory-categories{flex-direction:column;gap:1rem;display:flex}.inv-cat-item{flex-direction:column;gap:.5rem;display:flex}.inv-cat-header{justify-content:space-between;align-items:center;font-weight:700;display:flex}.inv-cat-stats{color:#64748b;gap:1rem;font-size:.85rem;font-weight:600;display:flex}.inv-cat-bar-container{background:#f1f5f9;border-radius:4px;height:8px;display:flex;overflow:hidden}.inv-cat-bar-available{background:#16a34a;height:100%}.inv-cat-bar-reserved{background:var(--color-yellow);height:100%}.stock-filters-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.stock-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.6rem 1rem;display:flex}.stock-search input{width:100%;color:var(--color-navy);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.stock-filter-select{color:var(--color-navy);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem 1rem;font-weight:600}.stock-table-wrapper{overflow-x:auto}.stock-table{border-collapse:collapse;width:100%}.stock-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem;font-size:.75rem;font-weight:700}.stock-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-weight:600}.stock-table tr.archived{opacity:.6}.item-name-col{flex-direction:column;gap:.25rem;display:flex}.item-sku{color:#94a3b8;font-family:monospace;font-size:.75rem}.stock-meter-container{flex-direction:column;gap:.25rem;width:120px;display:flex}.stock-meter-labels{color:#64748b;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.stock-meter-track{background:#e2e8f0;border-radius:3px;gap:1px;height:6px;display:flex;overflow:hidden}.stock-meter-track>div{height:100%}.meter-healthy{background:#16a34a}.meter-low{background:var(--color-orange)}.meter-critical{background:#ef4444}.meter-empty{background:0 0}.status-badge.healthy{color:#166534;background:#dcfce7}.status-badge.moderate{color:#854d0e;background:#fefce8}.status-badge.out-of-stock{color:#475569;background:#f1f5f9}.detail-panel{background:#fff;flex-direction:column;width:450px;max-width:100%;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;overflow-y:auto;box-shadow:-5px 0 25px #0000001a}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex;position:sticky;top:0}.detail-sku{color:#64748b;font-family:monospace;font-weight:600}.detail-body{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.detail-actions button{flex:1;min-width:120px}.stock-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.stock-modal h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.history-timeline{flex-direction:column;gap:1.5rem;display:flex}.history-item{gap:1rem;display:flex}.history-icon{color:#64748b;background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.history-icon.positive{color:#166534;background:#dcfce7}.history-icon.negative{color:#991b1b;background:#fee2e2}.history-icon.neutral{color:#854d0e;background:#fefce8}.history-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.history-title{color:var(--color-navy);font-weight:700}.history-meta{color:#64748b;gap:1rem;font-size:.85rem;display:flex}.history-reason{color:#94a3b8;font-size:.85rem;font-style:italic}.pagination-controls{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.pagination-controls span{color:#64748b;font-size:.85rem;font-weight:600}.pagination-buttons{gap:.25rem;display:flex}.pagination-buttons button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:.25rem .75rem;font-weight:600}.pagination-buttons button:hover:not(:disabled){background:#f8fafc}.pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.moving-item{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;display:flex}.moving-item-info{flex-direction:column;display:flex}.moving-item-name{font-weight:700}.moving-item-sku{color:#64748b;font-family:monospace;font-size:.75rem}.moving-item-stats{gap:1.5rem;display:flex}.moving-stat{flex-direction:column;align-items:flex-end;display:flex}.moving-stat label{color:#94a3b8;text-transform:uppercase;font-size:.7rem;font-weight:700}.moving-stat span{font-weight:800}.moving-stat.positive span{color:#16a34a}.moving-stat.negative span{color:#ef4444}.btn-outline{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;transition:all .2s;display:flex;position:relative}.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1}.badge{background:var(--color-orange);color:#fff;border-radius:10px;padding:.1rem .4rem;font-size:.75rem;font-weight:800}@media (width<=768px){.stock-page{gap:1.25rem;padding:1rem .75rem}.stock-header{flex-direction:column;align-items:flex-start;gap:1rem}.stock-header-actions{flex-wrap:wrap;width:100%}.stock-header-actions button{flex:calc(50% - .5rem);justify-content:center}.stock-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stock-summary-card{padding:1rem}.stock-summary-card .card-value{font-size:1.6rem}.stock-panel{padding:1rem}.stock-controls{flex-direction:column;align-items:stretch;gap:.75rem}.stock-search{width:100%}.stock-filters{flex-direction:column;width:100%}.stock-filters select{width:100%}}@media (width<=480px){.stock-summary-grid{grid-template-columns:1fr}}.employees-page{max-width:1600px;color:var(--color-navy);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem;display:flex}.employees-header{justify-content:space-between;align-items:flex-end;display:flex}.employees-breadcrumb{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.employees-title h1{margin-bottom:.25rem;font-size:2rem;font-weight:800}.employees-title p{color:#64748b;font-weight:500}.employees-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.employees-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.employees-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.employees-summary-card .card-label{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.employees-summary-card .card-value{font-size:2.25rem;font-weight:800;line-height:1.2}.employees-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.employees-panel h2{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.employees-panel h2 .icon{color:var(--color-orange)}.employees-2col-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.employees-2col-grid{grid-template-columns:1fr}}.top-employees-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.top-employee-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.top-employee-card:hover{border-color:var(--color-yellow);background:#fff;box-shadow:0 4px 12px #0000000d}.top-employee-rank{background:var(--color-navy);color:#fff;border-bottom-left-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:0;right:0}.top-employee-rank.rank-1{background:var(--color-yellow);color:var(--color-navy)}.top-employee-header{align-items:center;gap:1rem;display:flex}.emp-avatar{background:var(--color-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex}.emp-avatar.rank-1{background:var(--color-yellow);color:var(--color-navy)}.emp-name-title{color:var(--color-navy);font-size:1rem;font-weight:800}.top-emp-stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.25rem;display:grid}.workload-dist{flex-direction:column;gap:1rem;height:100%;display:flex}.workload-item{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.workload-item.heavy{border-left:4px solid #ef4444}.workload-item.normal{border-left:4px solid #f59e0b}.workload-item.light{border-left:4px solid #10b981}.workload-label{color:var(--color-navy);font-weight:700}.workload-count{font-size:1.25rem;font-weight:800}.lead-dist-wrapper{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.lead-dist-row{align-items:center;gap:1rem;display:flex}.dist-emp-name{white-space:nowrap;text-overflow:ellipsis;width:100px;font-size:.85rem;font-weight:600;overflow:hidden}.dist-bar-container{background:#f1f5f9;border-radius:8px;flex:1;height:16px;position:relative;overflow:hidden}.dist-bar-fill{background:var(--color-navy);border-radius:8px;height:100%}.dist-bar-fill.heavy{background:var(--color-orange)}.dist-count{text-align:right;width:40px;font-size:.85rem;font-weight:700}.employees-filters-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.employees-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.6rem 1rem;display:flex}.employees-search input{width:100%;color:var(--color-navy);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.employees-filter-select{color:var(--color-navy);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem 1rem;font-weight:600}.employees-table-wrapper{overflow-x:auto}.employees-table{border-collapse:collapse;width:100%}.employees-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem;font-size:.75rem;font-weight:700}.employees-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-weight:600}.employees-table tr.inactive{opacity:.6}.emp-name-col{align-items:center;gap:1rem;display:flex}.emp-name-col .emp-avatar{width:36px;height:36px;font-size:.9rem}.emp-info-text{flex-direction:column;display:flex}.emp-info-text span:first-child{color:var(--color-navy);font-weight:700}.emp-id{color:#94a3b8;font-family:monospace;font-size:.75rem}.status-badge.away{color:#854d0e;background:#fefce8}.workload-badge{border-radius:4px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.workload-badge.heavy{color:#991b1b;background:#fef2f2}.workload-badge.normal{color:#166534;background:#f0fdf4}.workload-badge.light{color:#475569;background:#f8fafc}.detail-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;margin-bottom:1rem;padding-bottom:.5rem;font-size:.75rem;font-weight:800}.perm-list{flex-wrap:wrap;gap:.5rem;display:flex}.perm-badge{color:var(--color-navy);background:#f1f5f9;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.perm-badge.granted{color:#166534;background:#dcfce7}.perm-badge.denied{color:#991b1b;background:#fef2f2}.employee-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.employee-modal h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.form-group input,.form-group select{color:var(--color-navy);border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:.75rem;font-family:inherit;font-size:.95rem}@media (width<=768px){.employees-page{gap:1.25rem;padding:1rem .75rem}.employees-header{flex-direction:column;align-items:flex-start;gap:1rem}.employees-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.employees-summary-card{padding:1rem}.employees-summary-card .card-value{font-size:1.6rem}.employees-panel{padding:1rem}.employees-controls{flex-direction:column;align-items:stretch;gap:.75rem}.employees-controls input,.employees-controls select{width:100%}.form-row{grid-template-columns:1fr}.employee-modal{width:95%;padding:1.25rem 1rem}}@media (width<=480px){.employees-summary-grid{grid-template-columns:1fr}}.dealers-page{max-width:1600px;color:var(--color-navy);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem;display:flex}.dealers-header{justify-content:space-between;align-items:flex-end;display:flex}.dealers-breadcrumb{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.dealers-title h1{margin-bottom:.25rem;font-size:2rem;font-weight:800}.dealers-title p{color:#64748b;font-weight:500}.dealers-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.dealers-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.dealers-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.card-header-row{align-items:center;gap:.75rem;display:flex}.card-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-icon.navy{color:var(--color-navy);background:#f1f5f9}.card-icon.yellow{color:var(--color-yellow);background:#fefce8}.card-icon.orange{color:var(--color-orange);background:#fffbeb}.card-icon.success{color:#16a34a;background:#f0fdf4}.dealers-summary-card .card-label{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.dealers-summary-card .card-value{font-size:2.25rem;font-weight:800;line-height:1.2}.dealers-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.dealers-panel h2{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.dealers-panel h2 .icon{color:var(--color-orange)}.top-dealers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.top-dealer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:relative;overflow:hidden}.top-dealer-rank{background:var(--color-navy);color:#fff;border-bottom-left-radius:8px;padding:.25rem .75rem;font-size:.85rem;font-weight:800;position:absolute;top:0;right:0}.top-dealer-rank.rank-1{background:var(--color-yellow);color:var(--color-navy)}.top-dealer-rank.rank-2{background:#94a3b8}.top-dealer-rank.rank-3{background:#b45309}.top-dealer-header{align-items:center;gap:1rem;display:flex}.dealer-avatar{background:var(--color-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:800;display:flex}.dealer-name{color:var(--color-navy);font-size:1.1rem;font-weight:800}.top-dealer-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem;display:grid}.top-stat{flex-direction:column;display:flex}.top-stat-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.top-stat-value{color:var(--color-navy);font-size:1.25rem;font-weight:800}.top-stat-value.highlight{color:var(--color-orange)}.dealers-filters-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.dealers-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.6rem 1rem;display:flex}.dealers-search input{width:100%;color:var(--color-navy);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.dealers-filter-select{color:var(--color-navy);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem 1rem;font-weight:600}.active-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-chip{background:var(--color-navy);color:#fff;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex}.filter-chip button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.filter-chip button:hover{background:#fff3}.dealers-table-wrapper{overflow-x:auto}.dealers-table{border-collapse:collapse;width:100%}.dealers-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem;font-size:.75rem;font-weight:700}.dealers-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-weight:600}.dealers-table tr.inactive{opacity:.6}.dealer-name-col{align-items:center;gap:1rem;display:flex}.dealer-name-col .dealer-avatar{width:36px;height:36px;font-size:.9rem}.dealer-info-text{flex-direction:column;display:flex}.dealer-info-text span:first-child{color:var(--color-navy);font-weight:700}.dealer-id{color:#94a3b8;font-family:monospace;font-size:.75rem}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#475569;background:#f1f5f9}.perf-badge{border-radius:4px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.perf-badge.high{color:#854d0e;background:#fefce8}.perf-badge.medium{color:#475569;background:#f8fafc}.perf-badge.low{color:#991b1b;background:#fef2f2}.btn-action{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .2s;display:flex}.btn-action:hover{background:#f8fafc;border-color:#cbd5e1}.btn-primary{background:var(--color-navy);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;display:flex}.btn-danger{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:.5rem 1rem;font-weight:700}.btn-danger:hover{background:#fef2f2}.detail-panel-overlay{z-index:1000;background:#0b1f3a80;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.detail-panel{background:#fff;flex-direction:column;width:500px;max-width:100%;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-5px 0 25px #0000001a}.detail-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.detail-title-area{align-items:center;gap:1rem;display:flex}.detail-title h3{margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.detail-id{color:#64748b;font-family:monospace;font-weight:600}.detail-close{cursor:pointer;color:#64748b;background:0 0;border:none}.detail-body{flex-direction:column;flex:1;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.detail-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;font-size:.75rem;font-weight:800;display:flex}.detail-stat{flex-direction:column;gap:.25rem;display:flex}.detail-stat label{color:#64748b;font-size:.75rem;font-weight:700}.detail-stat span{color:var(--color-navy);font-size:1.1rem;font-weight:800}.detail-contact-info{background:#f8fafc;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.contact-row{align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.contact-row svg{color:#64748b}.detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.detail-actions button{flex:1;justify-content:center;min-width:140px}.pipeline-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.pipeline-stage-box{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:center;padding:.75rem;transition:all .2s;display:flex}.pipeline-stage-box:hover{border-color:var(--color-orange);background:#f8fafc}.pipeline-stage-box .stage-count{color:var(--color-navy);font-size:1.5rem;font-weight:800}.pipeline-stage-box .stage-name{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.assigned-emp-list{flex-direction:column;gap:.75rem;display:flex}.assigned-emp-row{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.assigned-emp-row .emp-name{align-items:center;gap:.5rem;font-weight:700;display:flex}.assigned-emp-row .emp-stats{color:#64748b;font-size:.85rem;font-weight:600}.dealer-timeline{flex-direction:column;gap:1.5rem;display:flex}.timeline-item{gap:1rem;display:flex}.timeline-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.timeline-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.timeline-title{color:var(--color-navy);font-weight:700}.timeline-meta{color:#64748b;font-size:.85rem}.dealer-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.dealer-modal h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-group input,.form-group select,.form-group textarea{color:var(--color-navy);border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:.75rem;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-navy)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.empty-state{text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state h3{color:var(--color-navy);margin-bottom:.5rem;font-weight:700}@media (width<=768px){.dealers-page{gap:1.25rem;padding:1rem .75rem}.dealers-header{flex-direction:column;align-items:flex-start;gap:1rem}.dealers-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.dealers-summary-card{padding:1rem}.dealers-summary-card .card-value{font-size:1.6rem}.dealers-panel{padding:1rem}.dealers-controls{flex-direction:column;align-items:stretch;gap:.75rem}.dealers-controls input,.dealers-controls select{width:100%}.form-row{grid-template-columns:1fr}.dealer-modal{width:95%;padding:1.25rem 1rem}}@media (width<=480px){.dealers-summary-grid{grid-template-columns:1fr}}.access-page{max-width:1600px;color:var(--color-navy);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem;display:flex}.access-header{justify-content:space-between;align-items:flex-end;display:flex}.access-breadcrumb{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.access-title h1{margin-bottom:.25rem;font-size:2rem;font-weight:800}.access-title p{color:#64748b;font-weight:500}.access-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.access-2col-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.access-2col-grid{grid-template-columns:1fr}}.access-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.access-panel h2{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.access-panel h2 .icon{color:var(--color-orange)}.overview-bar-container{border-radius:12px;height:24px;margin-bottom:1.5rem;display:flex;overflow:hidden}.overview-segment{height:100%;transition:width .3s}.overview-segment.admin{background:var(--color-navy)}.overview-segment.employee{background:var(--color-yellow)}.overview-segment.dealer{background:var(--color-orange)}.overview-segment.inactive{background:#cbd5e1}.overview-legend{flex-wrap:wrap;gap:1.5rem;display:flex}.legend-item{align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.legend-dot.admin{background:var(--color-navy)}.legend-dot.employee{background:var(--color-yellow)}.legend-dot.dealer{background:var(--color-orange)}.legend-dot.inactive{background:#cbd5e1}.matrix-wrapper{overflow-x:auto}.permission-matrix{border-collapse:collapse;width:100%}.permission-matrix th{text-align:center;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:.75rem;font-size:.75rem;font-weight:700}.permission-matrix th:first-child{text-align:left}.permission-matrix td{text-align:center;border-bottom:1px solid #f1f5f9;padding:1rem .75rem}.permission-matrix td:first-child{text-align:left;color:var(--color-navy);font-weight:700}.matrix-check{color:#16a34a;font-weight:800}.matrix-none{color:#cbd5e1}.access-filters-bar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.access-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:.5rem;min-width:200px;padding:.6rem 1rem;display:flex}.access-search input{width:100%;color:var(--color-navy);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.access-filter-select{color:var(--color-navy);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem 1rem;font-weight:600}.access-table-wrapper{overflow-x:auto}.access-table{border-collapse:collapse;width:100%}.access-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1rem;font-size:.75rem;font-weight:700}.access-table th.checkbox-col{width:40px}.access-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem;font-weight:600}.access-table tr.inactive{opacity:.6}.type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.type-badge.admin{color:#3730a3;background:#e0e7ff}.type-badge.employee{color:#854d0e;background:#fef9c3}.type-badge.dealer{color:#9a3412;background:#ffedd5}.status-enabled{color:#16a34a;font-weight:800}.status-disabled{color:#ef4444;font-weight:800}.perm-count-badge{color:var(--color-navy);cursor:pointer;background:#f1f5f9;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.perm-count-badge:hover{background:#e2e8f0}.access-detail-panel-overlay{z-index:1000;background:#0b1f3a80;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.access-detail-panel{background:#fff;flex-direction:column;width:500px;max-width:100%;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) slideLeft;display:flex;box-shadow:-5px 0 25px #0000001a}.perm-list-view{flex-direction:column;gap:.5rem;display:flex}.perm-list-row{background:#f8fafc;border-radius:8px;justify-content:space-between;padding:.75rem;font-size:.9rem;font-weight:600;display:flex}.perm-list-row.granted{border-left:4px solid #16a34a}.perm-list-row.denied{color:#94a3b8;border-left:4px solid #ef4444}.perm-modal-overlay{z-index:1100;background:#0b1f3a80;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.perm-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.perm-toggle-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem;display:flex}.perm-toggle-label{flex-direction:column;display:flex}.perm-toggle-title{color:var(--color-navy);font-weight:700}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--color-navy)}input:checked+.toggle-slider.admin-protected{cursor:not-allowed;background-color:#64748b}input:checked+.toggle-slider:before{transform:translate(24px)}.bulk-actions-bar{background:var(--color-navy);color:#fff;z-index:100;border-radius:8px;align-items:center;gap:2rem;padding:1rem 2rem;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}@media (width<=768px){.access-page{gap:1.25rem;padding:1rem .75rem}.access-header{flex-direction:column;align-items:flex-start;gap:1rem}.access-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.access-panel{padding:1rem}.access-controls{flex-direction:column;align-items:stretch;gap:.75rem}.bulk-actions-bar{flex-direction:column;gap:.75rem;width:90%;padding:.75rem 1rem;bottom:15px}}@media (width<=480px){.access-summary-grid{grid-template-columns:1fr}}.leads-page{min-height:100%;color:var(--color-navy);background-color:#f8fafc;flex-direction:column;display:flex}.leads-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.leads-title-area h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.leads-title-area p{color:#64748b;font-size:1rem;font-weight:500}.leads-breadcrumb{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.leads-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem 2rem;display:flex}.leads-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.lead-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;display:flex;box-shadow:0 1px 3px #00000005}.lead-summary-title{color:#64748b;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.lead-summary-value{color:var(--color-navy);font-size:2.25rem;font-weight:800}.leads-pipeline{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.pipeline-stage-btn{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;min-width:130px;padding:1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.pipeline-stage-btn:hover{border-color:var(--color-yellow);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.pipeline-stage-btn.active{border-color:var(--color-yellow);background:#fefce8}.pipeline-stage-count{color:var(--color-navy);margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.pipeline-stage-name{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.pipeline-progress{background:#f1f5f9;border-radius:2px;height:4px;margin-top:.75rem;overflow:hidden}.pipeline-progress-fill{background:var(--color-yellow);height:100%;transition:width .3s}.leads-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:flex}.leads-filters-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;min-width:250px;padding:0 .75rem;display:flex}.search-box input{background:0 0;border:none;outline:none;width:100%;padding:.6rem;font-size:.95rem}.filter-select{color:var(--color-navy);cursor:pointer;appearance:none;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right .5rem center no-repeat;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.6rem 2rem .6rem .75rem;font-size:.9rem;font-weight:500}.active-chips{flex-wrap:wrap;gap:.5rem;display:flex}.filter-chip{color:#475569;background:#e2e8f0;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:inline-flex}.clear-filters{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:600}.leads-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.leads-table{border-collapse:collapse;text-align:left;width:100%}.leads-table th{color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:800}.leads-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.9rem}.leads-table tbody tr{transition:background .15s}.leads-table tbody tr:hover{background:#f8fafc}.customer-cell{cursor:pointer;align-items:center;gap:.75rem;display:flex}.customer-avatar{background:var(--color-navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.customer-info{flex-direction:column;display:flex}.customer-name{color:var(--color-navy);font-size:1rem;font-weight:700}.customer-phone{color:#64748b;font-size:.8rem}.lead-id{color:#94a3b8;font-family:monospace;font-size:.85rem;font-weight:600}.stage-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.stage-badge.lead{color:#475569;background:#f1f5f9}.stage-badge.pmsurvey{color:#9a3412;background:#ffedd5}.followup-text{font-weight:600}.followup-text.overdue{color:#dc2626}.followup-text.due-today{color:#ea580c}.followup-text.upcoming{color:#16a34a}.lead-detail-overlay{z-index:1000;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.lead-detail-drawer{z-index:1001;background:#fff;flex-direction:column;width:800px;max-width:100%;animation:.25s forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 15px #0000001a}.drawer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-title-area{align-items:center;gap:1rem;display:flex}.drawer-actions{background:#fff;border-bottom:1px solid #e2e8f0;gap:.5rem;padding:1rem 1.5rem;display:flex}.drawer-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.detail-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.detail-section h3{color:var(--color-navy);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;font-weight:800;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-field{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.detail-value{color:var(--color-navy);font-size:.95rem;font-weight:600}.detail-pipeline{justify-content:space-between;align-items:center;margin-top:1rem;display:flex;position:relative}.detail-pipeline:before{content:"";z-index:1;background:#e2e8f0;height:2px;position:absolute;top:12px;left:10px;right:10px}.detail-pipe-stage{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.pipe-dot{background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pipe-dot.completed{background:var(--color-yellow);border-color:var(--color-yellow);color:#fff}.pipe-dot.current{border-color:var(--color-navy);border-width:4px}.pipe-label{color:#64748b;text-transform:uppercase;text-align:center;font-size:.65rem;font-weight:700}.pipe-label.current{color:var(--color-navy);font-weight:800}.fu-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;padding:1rem;display:flex}.timeline{flex-direction:column;gap:1.5rem;padding-left:.5rem;display:flex}.timeline-item{border-left:2px solid #e2e8f0;padding-left:1.5rem;position:relative}.timeline-dot{background:var(--color-navy);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.timeline-content{flex-direction:column;display:flex}.timeline-title{font-size:.95rem;font-weight:700}.timeline-time{color:#94a3b8;font-size:.8rem}.notes-list{flex-direction:column;gap:1rem;display:flex}.note-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.note-header{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;display:flex}.note-author{color:var(--color-navy);font-weight:700}.note-text{color:#334155;white-space:pre-wrap;font-size:.9rem;line-height:1.5}.activity-filters{gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.activity-filter-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.activity-filter-btn.active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.75rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-yellow);background:#fff}.form-error{color:#ef4444;margin-top:.25rem;font-size:.75rem}@media (width<=768px){.leads-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.leads-title-area h1{font-size:1.4rem}.leads-main{gap:1rem;padding:.75rem}.leads-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.lead-summary-card{padding:1rem}.lead-summary-value{font-size:1.6rem}.leads-filters{gap:.75rem}.leads-filters-row{flex-direction:column;align-items:stretch;gap:.5rem}.filter-select,.search-box input{width:100%!important}.lead-detail-drawer{border-radius:0!important;width:100%!important;max-width:100vw!important}.drawer-header{padding:1rem}.drawer-actions{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.drawer-actions button{flex:calc(50% - .5rem);justify-content:center;min-height:40px;font-size:.85rem}.drawer-body{padding:1rem}.detail-grid{grid-template-columns:1fr!important;gap:.75rem!important}.detail-pipeline{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.document-grid{grid-template-columns:1fr!important;gap:.75rem!important}.document-card{padding:.85rem!important}.document-card-actions button{min-height:36px;font-size:.8rem}.upload-modal-body{flex-direction:column!important;gap:1rem!important}}@media (width<=480px){.leads-summary-grid{grid-template-columns:1fr}.drawer-actions button{flex:100%}}.leads-page .modal-overlay,.modal-overlay{z-index:1050!important}.document-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-top:1rem;display:grid}.document-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000005}.document-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.document-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.document-card-title{color:var(--color-navy);font-size:.85rem;font-weight:700;line-height:1.2}.document-card.empty{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 1rem}.document-card.empty:hover{border-color:var(--color-yellow);background:#fefce8}.document-card.empty .document-card-title{color:#64748b;font-size:.85rem}.document-card-filename{color:#64748b;word-break:break-all;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.document-card-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.75rem;display:flex}.document-card-actions button{text-align:center;flex:calc(50% - .35rem);justify-content:center;min-width:70px;padding:.4rem;font-size:.75rem}.inline-upload-btn{cursor:pointer;color:var(--color-navy);background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;gap:.3rem;width:100%;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.inline-upload-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.upload-modal-body{flex:1;gap:2rem;min-height:0;display:flex}.reports-page-container{max-width:1600px;color:var(--color-navy,#0b1f3a);background-color:#f8fafc;flex-direction:column;gap:2rem;min-height:100vh;margin:0 auto;padding:2rem;font-family:Inter,sans-serif;display:flex}.empty-state-container{justify-content:center;align-items:center}.reports-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.reports-title h1{color:var(--color-navy,#0b1f3a);margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.reports-title p{color:#64748b;font-size:1.1rem;font-weight:500}.reports-actions{align-items:center;gap:1rem;display:flex}.date-select{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.btn-export-wrapper{position:relative}.btn-export{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.btn-export:hover{background:#f1f5f9;border-color:#cbd5e1}.export-menu{z-index:50;background:#fff;border-radius:8px;flex-direction:column;gap:.25rem;min-width:160px;padding:.5rem;animation:.2s ease-out fadeSlideDown;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 25px #0000001a}.export-menu button{text-align:left;cursor:pointer;width:100%;color:var(--color-navy);background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;transition:background .15s;display:flex}.export-menu button:hover{background:#f1f5f9}.reports-filters-bar{background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000d}.filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-width:140px;padding:.5rem 1rem;font-weight:500}.active-filters{border-left:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.5rem;padding-left:1rem;display:flex}.filter-chip{background:var(--color-navy);color:#fff;border-radius:99px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.85rem;font-weight:500;animation:.2s subtleFadeIn;display:flex}.filter-chip button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.filter-chip button:hover{color:#fff}.clear-filters-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.clear-filters-btn:hover{color:var(--color-navy);text-decoration:underline}.reports-content-layout{grid-template-columns:1fr 350px;align-items:start;gap:2rem;display:grid}.reports-main-column{flex-direction:column;gap:2.5rem;display:flex}.reports-sidebar{flex-direction:column;gap:1.5rem;display:flex}.summary-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #00000005}.summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000000d}.summary-card.highlight{background:var(--color-yellow,#f5c518);border-color:#eab308}.summary-card.highlight .card-title{color:#000000b3}.summary-card.highlight .card-value{color:var(--color-navy)}.card-title{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:700}.card-body{justify-content:space-between;align-items:baseline;display:flex}.card-value{color:var(--color-navy);font-size:2.5rem;font-weight:800}.trend{border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.9rem;font-weight:700;display:flex}.trend.positive{color:#16a34a;background:#dcfce7}.trend.negative{color:#ef4444;background:#fee2e2}.trend.stable{color:#64748b;background:#f1f5f9}.report-section{flex-direction:column;gap:1rem;display:flex}.report-section h2{color:var(--color-navy);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.reports-row{gap:1.5rem;display:flex}.grid-3-1{grid-template-columns:2fr 1fr;display:grid}.grid-2-1{grid-template-columns:1.5fr 1fr;display:grid}.report-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #00000005}.report-panel h3{color:var(--color-navy);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.chart-container{flex-direction:column;gap:1rem;width:100%;height:250px;display:flex;position:relative}.custom-chart{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#f1f5f9;stroke-width:1px}.chart-label{fill:#94a3b8;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.chart-line-created{stroke:var(--color-navy);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-line-converted{stroke:var(--color-yellow);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-line-received{stroke:var(--color-navy);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-line-issued{stroke:var(--color-orange,#f59e0b);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke-width:2px;cursor:pointer;transition:r .2s}.chart-point:hover{r:6}.chart-point.created{stroke:var(--color-navy)}.chart-point.converted{stroke:var(--color-yellow)}.chart-point.received{stroke:var(--color-navy)}.chart-point.issued{stroke:var(--color-orange,#f59e0b)}.chart-legend{justify-content:center;gap:1.5rem;margin-top:auto;display:flex}.legend-item{color:#475569;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.bg-navy{background:var(--color-navy)}.bg-yellow{background:var(--color-yellow)}.bg-orange{background:var(--color-orange,#f59e0b)}.bg-green{background:#16a34a}.bg-red{background:#ef4444}.stats-list-panel{flex-direction:column;justify-content:center;gap:.5rem;display:flex}.stat-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:#64748b;font-weight:500}.stat-num{color:var(--color-navy);font-size:1.25rem;font-weight:800}.stat-row.highlight{background:#f8fafc;border-bottom:none;border-radius:8px;padding:.75rem}.stats-list-panel.horizontal{flex-flow:wrap;gap:1rem}.stat-box{text-align:center;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.5rem;min-width:120px;padding:1.25rem;display:flex}.stat-box.highlight{border:none}.pipeline-funnel-visual{flex-direction:column;gap:1rem;display:flex}.pipeline-stage-block{grid-template-columns:2fr 1fr 60px;align-items:center;gap:1rem;display:grid;position:relative}.stage-bar-container{background:#f1f5f9;border-radius:6px;height:36px;overflow:hidden}.stage-bar{background:linear-gradient(90deg, var(--color-navy) 0%, #1e3a8a 100%);border-radius:6px;height:100%;transition:width .5s ease-out}.stage-info{flex-direction:column;display:flex}.stage-name{color:var(--color-navy);font-weight:700}.stage-count{color:#64748b;font-size:.9rem;font-weight:600}.stage-dropoff{color:var(--color-orange,#f59e0b);justify-content:flex-end;align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;display:flex}.table-responsive{overflow-x:auto}.analytics-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.analytics-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:700}.analytics-table td{color:var(--color-navy);border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.95rem;font-weight:600}.analytics-table tr:hover td{background-color:#f8fafc}.clickable-row{cursor:pointer}.bold{font-weight:800!important}.text-center{text-align:center}.perf-badge{text-transform:uppercase;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.perf-badge.strong{color:#16a34a;background:#dcfce7}.perf-badge.stable{color:#64748b;background:#f1f5f9}.perf-badge.attention{color:#d97706;background:#fef3c7}.status-badge{text-transform:uppercase;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-badge.critical{color:#ef4444;background:#fee2e2}.status-badge.low{color:#d97706;background:#fef3c7}.ranking-list{flex-direction:column;gap:1rem;display:flex}.ranking-item{background:#f8fafc;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.rank-number{color:var(--color-yellow);font-size:1.5rem;font-weight:900}.rank-info{flex-direction:column;display:flex}.rank-name{color:var(--color-navy);font-weight:700}.rank-metric{color:#64748b;font-size:.85rem;font-weight:600}.section-header-row{justify-content:space-between;align-items:center;display:flex}.metric-switcher{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.metric-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.metric-btn:hover{background:#f8fafc}.metric-btn.active{background:var(--color-navy);color:#fff}.text-yellow{color:var(--color-yellow)!important}.text-orange{color:var(--color-orange,#f59e0b)!important}.text-green{color:#16a34a!important}.text-red{color:#ef4444!important}.text-white{color:#fff!important}.bg-navy{background-color:var(--color-navy)!important}.attention-panel{background:#fffbeb}.attention-panel.border-orange{border:1px solid #fcd34d}.attention-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.attention-stat{flex-direction:column;align-items:center;display:flex}.attention-stat .huge{font-size:3rem;font-weight:900;line-height:1}.insight-panel h3{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.insight-list{flex-direction:column;gap:1rem;display:flex}.insight-item{border-bottom:1px solid #ffffff1a;align-items:flex-start;gap:.75rem;padding-bottom:1rem;display:flex}.insight-item:last-child{border-bottom:none;padding-bottom:0}.insight-bullet{background:var(--color-yellow);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.insight-item p{font-size:.95rem;font-weight:500;line-height:1.5}.activity-timeline{flex-direction:column;gap:1rem;display:flex}.timeline-item{gap:1rem;display:flex;position:relative}.timeline-item:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:12px;bottom:-1rem;left:5px}.timeline-item:last-child:before{display:none}.timeline-dot{background:var(--color-navy);z-index:1;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:2px;position:relative}.timeline-content{flex-direction:column;gap:.25rem;display:flex}.timeline-msg{color:var(--color-navy);font-size:.9rem;font-weight:600}.timeline-meta{color:#64748b;font-size:.8rem;font-weight:500}.health-bar-container{border-radius:99px;height:16px;margin-top:.5rem;display:flex;overflow:hidden}.health-bar.healthy{background:#16a34a}.health-bar.low{background:var(--color-orange,#f59e0b)}.health-bar.out{background:#ef4444}.health-legend{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.text-btn{color:var(--color-navy);cursor:pointer;background:0 0;border:none;font-weight:700;text-decoration:underline}.text-btn:hover{color:#3b82f6}.empty-state{text-align:center;color:#64748b;box-sizing:border-box;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;padding:4rem 2rem;display:flex}.empty-state h3{color:var(--color-navy);margin:0;font-size:1.25rem;font-weight:700}.empty-state p{margin:0;font-weight:500}.empty-state.small{padding:2rem 1rem}.modal-overlay{z-index:1000;background:#0b1f3a80;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-white);border-radius:12px;flex-direction:column;width:90%;max-width:450px;max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:var(--color-navy);font-size:1.25rem;font-weight:800}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;display:flex}.close-btn:hover{color:var(--color-navy);background:#f1f5f9}.modal-form{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-navy);font-size:.9rem;font-weight:600}.form-group input{border:1px solid #cbd5e1;border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.btn-secondary{color:var(--color-navy);cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:700}.btn-secondary:hover{background:#e2e8f0}.btn-primary{background:var(--color-navy);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:700}.btn-primary:hover{background:#1e3a8a}.export-preview-modal{max-width:600px}.export-preview-body{background:#f8fafc;padding:1.5rem}.preview-doc{background:#fff;border:1px solid #e2e8f0;padding:2rem;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000000d}.preview-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.preview-meta{color:#64748b;margin-bottom:.25rem;font-size:.85rem;font-weight:500}.preview-section{border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1rem}.preview-section h4{margin-bottom:.5rem;font-weight:700}.preview-section p{margin-bottom:.25rem;font-size:.9rem}.preview-watermark{color:#00000008;white-space:nowrap;pointer-events:none;font-size:4rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes subtleFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=1200px){.reports-content-layout{grid-template-columns:1fr}}@media (width<=768px){.grid-3-1,.grid-2-1{grid-template-columns:1fr}.reports-header,.reports-actions{flex-direction:column;align-items:stretch}.date-select,.btn-export{justify-content:center;width:100%}.reports-page-container{padding:1rem}}.dealer-profile-container{width:100%;max-width:1000px;margin:0 auto;animation:.4s ease-out forwards fadeIn}.dealer-profile-header{margin-bottom:2rem}.dealer-profile-header h1{color:var(--color-navy);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.dealer-profile-header p{color:#64748b;font-size:1rem;font-weight:500}.profile-layout-grid{grid-template-columns:350px 1fr;align-items:start;gap:2rem;display:grid}.profile-card-left{background:var(--color-white);border:1px solid #0b1f3a0d;border-radius:16px;flex-direction:column;align-items:center;padding:3rem 2rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #0b1f3a0a}.profile-card-left:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0b1f3a14}.profile-avatar-wrapper{background:var(--color-white);border:4px solid #f8fafc;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:1.5rem;display:flex;position:relative;box-shadow:0 8px 25px #00000014}.profile-avatar-text{color:var(--color-navy);font-size:3rem;font-weight:800}.profile-name-title{color:var(--color-navy);text-align:center;margin:0 0 .5rem;font-size:1.4rem;font-weight:800}.profile-role-pill{color:var(--color-navy);text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:700}.profile-card-right{background:var(--color-white);border:1px solid #0b1f3a0d;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #0b1f3a0a}.profile-section-title{color:var(--color-navy);border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.profile-section-icon{color:var(--color-navy)}.premium-form{flex-direction:column;gap:1.5rem;display:flex}.premium-input-group{flex-direction:column;gap:.5rem;display:flex}.premium-input-group label{color:var(--color-navy);font-size:.85rem;font-weight:700}.premium-input-group input,.premium-input-group textarea{color:var(--color-navy);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.premium-input-group input:focus,.premium-input-group textarea:focus{border-color:var(--color-navy);outline:none;box-shadow:0 0 0 3px #0b1f3a1a}.premium-input-group input:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.performance-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem;display:grid}.perf-metric-card{background:#f8fafc;border:1px solid #0b1f3a0d;border-radius:12px;flex-direction:column;padding:1.5rem;transition:transform .2s;display:flex}.perf-metric-card:hover{background:#f1f5f9;transform:translateY(-2px)}.perf-metric-header{color:#64748b;align-items:center;gap:8px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.perf-metric-value{color:var(--color-navy);font-size:2rem;font-weight:800}.premium-btn-primary{background:var(--color-navy);color:var(--color-white);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;margin-top:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s}.premium-btn-primary:hover{background:#1a365d;transform:translateY(-1px);box-shadow:0 4px 12px #0b1f3a33}@media (width<=900px){.profile-layout-grid,.performance-grid{grid-template-columns:1fr}}.payments-page{min-height:100%;color:var(--color-navy);background-color:#f8fafc;flex-direction:column;font-family:inherit;display:flex}.payments-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.payments-title-area h1{letter-spacing:-.02em;color:var(--color-navy);margin:0 0 .25rem;font-size:1.8rem;font-weight:800}.payments-title-area p{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.payments-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem 2rem;display:flex}.payments-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.payments-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.payments-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0b1f3a0d}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:800}.metric-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.metric-icon-wrap.navy{color:var(--color-navy);background:#f1f5f9}.metric-icon-wrap.amber{color:#d97706;background:#fefce8}.metric-icon-wrap.blue{color:#2563eb;background:#eff6ff}.metric-icon-wrap.green{color:#16a34a;background:#f0fdf4}.metric-value{color:var(--color-navy);font-size:2rem;font-weight:800;line-height:1.2}.metric-subtitle{color:#94a3b8;font-size:.8rem;font-weight:500}.payments-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.filter-pills-row{-webkit-overflow-scrolling:touch;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.filter-pill-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.filter-pill-btn:hover{color:var(--color-navy);background:#f1f5f9;border-color:#cbd5e1}.filter-pill-btn.active{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.filter-pill-btn .pill-count{background:#ffffff40;border-radius:10px;padding:.1rem .4rem;font-size:.75rem}.filter-pill-btn:not(.active) .pill-count{color:#475569;background:#e2e8f0}.filter-search-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-input-wrapper{flex:1;min-width:240px;position:relative}.search-icon-pos{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.search-input-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem;transition:all .2s}.search-input-field:focus{border-color:var(--color-yellow);background:#fff;box-shadow:0 0 0 2px #f4c43026}.dealer-filter-dropdown{color:var(--color-navy);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:.65rem 1rem;font-size:.9rem;font-weight:600}.payments-list{flex-direction:column;gap:1.25rem;display:flex}.payment-lead-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.payment-lead-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0b1f3a0a}.lead-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.lead-meta-info{flex-direction:column;gap:.25rem;display:flex}.lead-customer-name{color:var(--color-navy);font-size:1.2rem;font-weight:800}.lead-meta-details{color:#64748b;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.85rem;display:flex}.lead-meta-details span{align-items:center;gap:.3rem;display:flex}.lead-badges-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stage-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.stage-badge.converted{color:#166534;background:#dcfce7}.stage-badge.loan{color:#1e40af;background:#eff6ff}.stage-badge.material{color:#92400e;background:#fef3c7}.stage-badge.installation{color:#9a3412;background:#ffedd5}.stage-badge.completed{color:#15803d;background:#f0fdf4}.milestones-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.milestone-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;position:relative}.milestone-box.pending{border-left:4px solid #cbd5e1}.milestone-box.settled{background:#f8fafc;border-left:4px solid #3b82f6}.milestone-box.received{background:#f0fdf4;border-left:4px solid #10b981}.milestone-header{justify-content:space-between;align-items:center;display:flex}.milestone-title{color:var(--color-navy);align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:flex}.milestone-status-tag{border-radius:6px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.milestone-status-tag.pending{color:#475569;background:#e2e8f0}.milestone-status-tag.settled{color:#1d4ed8;background:#dbeafe}.milestone-status-tag.received{color:#15803d;background:#dcfce7}.milestone-amount-row{align-items:baseline;gap:.5rem;display:flex}.milestone-amount-label{color:#64748b;font-size:.8rem;font-weight:600}.milestone-amount-val{color:var(--color-navy);font-size:1.4rem;font-weight:800}.milestone-proof-area{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8rem;display:flex}.milestone-actions-row{gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.btn-settle{background:var(--color-navy);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-settle:hover{background:#1e3a8a}.btn-receive{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #10b98133}.btn-receive:hover{background:#059669}.btn-view-proof{color:var(--color-navy);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-view-proof:hover{background:#f1f5f9;border-color:#94a3b8}.payments-empty-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:3.5rem 1.5rem;display:flex}.payments-empty-state h3{color:var(--color-navy);margin:0;font-size:1.25rem;font-weight:800}.payments-empty-state p{max-width:480px;margin:0;font-size:.95rem}.proof-lightbox-modal{flex-direction:column;width:95%;max-width:700px;max-height:90vh;display:flex}.proof-image-container{background:#0f172a;border-radius:8px;justify-content:center;align-items:center;max-height:60vh;padding:1rem;display:flex;overflow:hidden}.proof-image-container img{object-fit:contain;border-radius:4px;max-width:100%;max-height:55vh}@media (width<=840px){.milestones-grid{grid-template-columns:1fr}}@media (width<=768px){.payments-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.payments-main{gap:1rem;padding:.75rem}.payments-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.payments-metric-card{padding:1rem}.metric-value{font-size:1.6rem}.payment-lead-card{gap:1rem;padding:1rem}.milestone-actions-row{flex-direction:column}.milestone-actions-row button{justify-content:center;width:100%;padding:.65rem 1rem}}@media (width<=480px){.payments-metrics-grid{grid-template-columns:1fr}}.employee-dashboard{max-width:1600px;color:var(--color-navy);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem;display:flex}.emp-dash-header{justify-content:space-between;align-items:flex-end;display:flex}.emp-welcome h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:2.25rem;font-weight:800}.emp-welcome p{color:#64748b;font-size:1.1rem;font-weight:500}.emp-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:0;padding:1.5rem;display:flex}.emp-panel h2{color:var(--color-navy);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:800;display:flex}.emp-grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.emp-grid-2{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.emp-grid-half{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.emp-grid-2,.emp-grid-half{grid-template-columns:1fr}}.emp-summary-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .2s;display:flex}.emp-summary-card:hover{border-color:var(--color-yellow);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.emp-summary-title{color:#64748b;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.emp-summary-value{color:var(--color-navy);font-size:2.5rem;font-weight:800}.emp-pipeline-container{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.emp-pipeline-stage{text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:120px;padding:1rem;transition:all .2s;position:relative}.emp-pipeline-stage:hover{border-color:var(--color-yellow);background:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.emp-stage-count{color:var(--color-navy);margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.emp-stage-name{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.emp-list{flex-direction:column;gap:1rem;display:flex}.emp-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.emp-list-item.warning{background:#fffedd;border-color:#fed7aa}.emp-list-info{flex-direction:column;gap:.25rem;display:flex}.emp-list-name{color:var(--color-navy);font-size:1.05rem;font-weight:800}.emp-list-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.emp-quick-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.emp-action-btn{color:var(--color-navy);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-weight:700;transition:all .2s;display:flex}.emp-action-btn:hover{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.emp-action-btn.primary{background:var(--color-yellow);color:var(--color-navy);border-color:var(--color-yellow)}.emp-action-btn.primary:hover{background:#eab308}.emp-empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.emp-empty-state h3{color:var(--color-navy);margin-top:1rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.emp-timeline{flex-direction:column;gap:1.5rem;padding-left:.5rem;display:flex}.emp-timeline-item{border-left:2px solid #e2e8f0;padding-left:1.5rem;position:relative}.emp-timeline-dot{background:var(--color-yellow);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.emp-timeline-content{flex-direction:column;display:flex}.emp-timeline-title{font-size:.95rem;font-weight:700}.emp-timeline-time{color:#94a3b8;font-size:.8rem}.emp-badge{color:#475569;background:#e2e8f0;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.emp-badge.success{color:#166534;background:#dcfce7}.emp-badge.warning{color:#9a3412;background:#ffedd5}@media (width<=768px){.employee-dashboard{gap:1.25rem;padding:1rem .75rem}.emp-dash-header{flex-direction:column;align-items:flex-start;gap:.75rem}.emp-welcome h1{font-size:1.5rem}.emp-grid-4{grid-template-columns:repeat(2,1fr);gap:.75rem}.emp-summary-card{padding:1rem}.emp-summary-value{font-size:1.75rem}.emp-panel{padding:1rem}.emp-actions-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (width<=480px){.emp-grid-4,.emp-actions-grid{grid-template-columns:1fr}}.fu-page{min-height:100%;color:var(--color-navy);background-color:#f8fafc;flex-direction:column;display:flex}.fu-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.fu-title-area h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.fu-title-area p{color:#64748b;font-size:1rem;font-weight:500}.fu-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem 2rem;display:flex}.fu-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.fu-summary-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #00000005}.fu-summary-card:hover{border-color:var(--color-yellow);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.fu-summary-title{color:#64748b;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.fu-summary-value{color:var(--color-navy);font-size:2.25rem;font-weight:800}.fu-view-switcher{background:#e2e8f0;border-radius:8px;gap:.5rem;width:max-content;padding:.25rem;display:flex}.fu-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.fu-view-btn.active{color:var(--color-navy);background:#fff;box-shadow:0 1px 3px #0000001a}.fu-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.fu-section.attention{border-color:#fed7aa}.fu-section-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:800;display:flex}.attention .fu-section-title{color:#9a3412}.fu-table-container{overflow-x:auto}.fu-table{border-collapse:collapse;text-align:left;width:100%}.fu-table th{color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:800}.fu-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.9rem}.fu-table tbody tr{transition:background .15s}.fu-table tbody tr:hover{background:#f8fafc}.fu-badge{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-block}.fu-badge.due{color:#a16207;background:#fefce8}.fu-badge.overdue{color:#9a3412;background:#ffedd5}.fu-badge.upcoming{color:#3730a3;background:#e0e7ff}.fu-badge.completed{color:#166534;background:#dcfce7}.fu-badge.cancelled{color:#b91c1c;background:#fee2e2}.fu-timeline{flex-direction:column;gap:2rem;display:flex}.timeline-group h3{color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem;font-weight:800}.timeline-items{flex-direction:column;gap:1rem;padding-left:.5rem;display:flex}.time-item{border-left:2px solid #e2e8f0;padding-left:2rem;position:relative}.time-dot{background:var(--color-navy);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.time-item.overdue .time-dot{background:#ea580c}.time-item.due .time-dot{background:#eab308}.time-item.completed .time-dot{background:#16a34a}.time-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.fu-calendar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.cal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:800;display:flex}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.cal-day-header{color:#64748b;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:.75rem;font-size:.75rem;font-weight:800}.cal-cell{aspect-ratio:1;cursor:pointer;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;align-items:stretch;padding:.5rem;display:flex}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:#f8fafc}.cal-cell.today{background:#fefce8}.cal-date-num{text-align:left;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.cal-indicator{background:var(--color-navy);color:#fff;border-radius:4px;margin-top:auto;padding:.2rem;font-size:.7rem;font-weight:800}.fu-drawer-overlay{z-index:1000;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.fu-drawer{z-index:1001;background:#fff;flex-direction:column;width:550px;max-width:100%;animation:.25s forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 15px #0000001a}.fu-drawer-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.fu-drawer-actions{background:#fff;border-bottom:1px solid #e2e8f0;gap:.5rem;padding:1rem 1.5rem;display:flex}.fu-drawer-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}@media (width<=768px){.fu-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.fu-main{gap:1rem;padding:.75rem}.fu-summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.fu-summary-card{padding:1rem}.fu-summary-value{font-size:1.6rem}.fu-view-switcher{width:100%}.fu-view-btn{text-align:center;flex:1;justify-content:center;padding:.5rem}.fu-drawer{width:100%!important;max-width:100vw!important}.fu-drawer-actions{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.fu-drawer-actions button{flex:calc(50% - .5rem)}.fu-drawer-body{padding:1rem}.cal-cell{padding:.25rem}.cal-indicator{font-size:.6rem}}@media (width<=480px){.fu-summary-grid{grid-template-columns:1fr}}.dealer-dashboard{max-width:1600px;color:var(--color-navy);flex-direction:column;gap:2rem;margin:0 auto;padding:2rem;display:flex}.dlr-dash-header{justify-content:space-between;align-items:flex-end;display:flex}.dlr-welcome h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:2.25rem;font-weight:800}.dlr-welcome p{color:#64748b;font-size:1.1rem;font-weight:500}.dlr-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:0;padding:1.5rem;display:flex}.dlr-panel h2{color:var(--color-navy);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:800;display:flex}.dlr-grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.dlr-grid-2{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.dlr-grid-half{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dlr-grid-2,.dlr-grid-half{grid-template-columns:1fr}}.dlr-summary-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem;transition:all .2s;display:flex}.dlr-summary-card:hover{border-color:var(--color-yellow);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.dlr-summary-title{color:#64748b;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:800}.dlr-summary-value{color:var(--color-navy);font-size:2.5rem;font-weight:800}.dlr-pipeline-container{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.dlr-pipeline-stage{text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:120px;padding:1rem;transition:all .2s;position:relative}.dlr-pipeline-stage:hover{border-color:var(--color-yellow);background:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.dlr-stage-count{color:var(--color-navy);margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.dlr-stage-name{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.dlr-list{flex-direction:column;gap:1rem;display:flex}.dlr-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.dlr-list-item.warning{background:#fffedd;border-color:#fed7aa}.dlr-list-info{flex-direction:column;gap:.25rem;display:flex}.dlr-list-name{color:var(--color-navy);font-size:1.05rem;font-weight:800}.dlr-list-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.priority-high{color:#ea580c;font-weight:800}.priority-medium{color:#d97706;font-weight:700}.priority-low{color:#16a34a;font-weight:600}.dlr-badge{color:#475569;background:#e2e8f0;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.dlr-badge.success{color:#166534;background:#dcfce7}.dlr-badge.warning{color:#9a3412;background:#ffedd5}.dlr-badge.pending{color:#92400e;background:#fef3c7}.dlr-badge.danger{color:#b91c1c;background:#fee2e2}.dlr-quick-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dlr-action-btn{color:var(--color-navy);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-weight:700;transition:all .2s;display:flex}.dlr-action-btn:hover{background:var(--color-navy);color:#fff;border-color:var(--color-navy)}.dlr-action-btn.primary{background:var(--color-yellow);color:var(--color-navy);border-color:var(--color-yellow)}.dlr-action-btn.primary:hover{background:#eab308}.dlr-empty-state{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.dlr-empty-state h3{color:var(--color-navy);margin-top:1rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.dlr-timeline{flex-direction:column;gap:1.5rem;padding-left:.5rem;display:flex}.dlr-timeline-item{border-left:2px solid #e2e8f0;padding-left:1.5rem;position:relative}.dlr-timeline-dot{background:var(--color-yellow);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-7px}.dlr-timeline-content{flex-direction:column;display:flex}.dlr-timeline-time{color:#94a3b8;font-size:.8rem}@media (width<=768px){.dealer-dashboard{gap:1.25rem;padding:1rem .75rem}.dlr-dash-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dlr-welcome h1{font-size:1.5rem}.dlr-grid-4{grid-template-columns:repeat(2,1fr);gap:.75rem}.dlr-summary-card{padding:1rem}.dlr-summary-value{font-size:1.75rem}.dlr-panel{padding:1rem}.dlr-actions-grid{grid-template-columns:1fr 1fr;gap:.75rem}}@media (width<=480px){.dlr-grid-4,.dlr-actions-grid{grid-template-columns:1fr}}.splash-container{background-color:var(--color-white);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.logo-section{justify-content:center;align-items:center;width:280px;height:280px;margin-bottom:20px;display:flex;position:relative}.solar-arc-svg{pointer-events:none;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.arc-path{fill:none;stroke:var(--color-yellow);stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:301.6px;opacity:0}.arc-path.draw{animation:.7s cubic-bezier(.4,0,.2,1) forwards svgDrawArc}.arc-path.complete{animation:1.2s cubic-bezier(.2,.8,.2,1) forwards svgCompleteArc}@keyframes svgDrawArc{0%{stroke-dashoffset:301.6px;stroke-width:.5px;opacity:0}10%{opacity:1}to{stroke-dashoffset:226.2px;stroke-width:.8px;opacity:1}}@keyframes svgCompleteArc{0%{stroke-dashoffset:226.2px;stroke-width:.8px;opacity:1;transform-origin:50%;transform:scale(1)}to{stroke-dashoffset:0;stroke-width:.5px;opacity:.12;transform-origin:50%;transform:scale(1.05)}}.energy-svg{pointer-events:none;z-index:1;width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.energy-path{fill:none;stroke:url(#energyGrad);stroke-width:.8px;stroke-linecap:round;stroke-dasharray:25 150;stroke-dashoffset:150px;opacity:0}.energy-path.move{animation:.7s cubic-bezier(.33,1,.68,1) forwards energyTravel}@keyframes energyTravel{0%{stroke-dashoffset:150px;opacity:0}10%{opacity:1}80%{opacity:1}to{stroke-dashoffset:30px;opacity:0}}.splash-logo{z-index:10;object-fit:contain;opacity:0;width:min(70vw,300px);max-width:100%;height:auto;max-height:200px;position:relative;transform:scale(.96)translateY(12px)}.splash-logo.reveal{animation:.6s cubic-bezier(.2,.8,.2,1) forwards logoReveal}@keyframes logoReveal{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.brand-section{z-index:10;flex-direction:column;align-items:center;display:flex}.brand-title{color:var(--color-navy);letter-spacing:.12em;opacity:0;margin:0 0 6px;font-size:1.4rem;font-weight:600;transform:translateY(8px)}.brand-tagline{color:var(--color-navy);letter-spacing:.05em;opacity:0;margin:0;font-size:.95rem;font-weight:300;transform:translateY(8px)}.brand-title.reveal{animation:.6s cubic-bezier(.2,.8,.2,1) forwards textReveal}.brand-tagline.reveal-delayed{animation:.6s cubic-bezier(.2,.8,.2,1) .15s forwards textReveal}@keyframes textReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.micro-line-container{opacity:0;background-color:#0000;width:48px;height:1px;margin-top:20px;margin-bottom:24px;position:relative;overflow:hidden}.micro-line-container.reveal{opacity:1;background-color:#0b1f3a0f}.micro-line-traveler{background-color:var(--color-yellow);width:100%;height:100%;position:absolute;top:0;left:-100%}.micro-line-container.reveal .micro-line-traveler{animation:1.2s cubic-bezier(.4,0,.2,1) forwards microLineTravel}@keyframes microLineTravel{0%{left:-100%}to{left:100%}}.loader-container{opacity:0;justify-content:center;align-items:center;height:24px;transition:opacity .6s ease-in;display:flex}.loader-container.visible{opacity:1}.dot-loader{gap:8px;display:flex}.dot{background-color:var(--color-yellow);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both delicatePulse}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes delicatePulse{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.splash-container.fade-out{opacity:0}