.navbar{position:fixed;top:0;left:0;right:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);z-index:1000;transition:var(--transition-smooth)}.nav-container{max-width:100%;margin:0;padding:0 2%;display:flex;justify-content:space-between;align-items:center;height:100px}.nav-logo{display:flex;flex-direction:column;cursor:pointer;transition:var(--transition-smooth)}.nav-logo:hover{transform:scale(1.02)}.logo-image{height:80px;width:auto;object-fit:contain;transition:var(--transition-smooth);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.logo-image:hover{filter:brightness(1.1)}.logo-text{font-size:1.8rem;font-weight:700;color:var(--primary-blue);line-height:1}.logo-subtitle{font-size:.75rem;color:var(--primary-yellow);font-weight:600;margin-top:-2px}.nav-menu{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:nowrap;flex:1}.nav-links-center{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1}.nav-auth-section{display:flex;align-items:center;margin-left:auto}.nav-link{background:none;border:none;color:var(--dark-gray);font-weight:500;font-size:1.05rem;transition:var(--transition-smooth);position:relative;padding:.5rem .6rem;cursor:pointer;font-family:inherit;white-space:nowrap}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.contact-btn{background:gold!important;color:#1e3a5f!important;padding:.75rem 1.5rem!important;border-radius:25px;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);font-weight:600}.contact-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:#1e3a5f!important;color:gold!important}.contact-btn:after{display:none}.nav-toggle{display:none;cursor:pointer;padding:5px;background:#fff;border:1px solid #e0e0e0;border-radius:5px;justify-content:center;align-items:center;width:auto;height:auto;transition:all .3s ease;z-index:100;position:relative;box-shadow:0 1px 3px #0000001a}.menu-text{font-size:13px;font-weight:600;color:var(--primary-blue);text-align:center;line-height:1.2;padding:5px 8px}.nav-toggle:before{display:none}.nav-toggle:hover:before{display:none}@media screen and (min-width: 1600px){.nav-container{padding:0 3%;height:110px}.logo-image{height:90px}.nav-link{font-size:1rem;padding:.6rem 1rem}.nav-menu{gap:1rem}}@media screen and (min-width: 1200px) and (max-width: 1599px){.nav-container{padding:0 2.5%;height:100px}.logo-image{height:80px}.nav-link{font-size:.9rem;padding:.5rem .8rem}.nav-menu{gap:.7rem}}@media screen and (min-width: 992px) and (max-width: 1199px){.nav-container{padding:0 2%;height:95px}.logo-image{height:75px}.nav-link{font-size:.85rem;padding:.5rem .6rem}.nav-menu{gap:.5rem}}@media screen and (min-width: 769px) and (max-width: 991px){.nav-container{padding:0 1.5%;height:90px}.logo-image{height:70px}.nav-link{font-size:.8rem;padding:.4rem .5rem}.nav-menu{gap:.3rem}.contact-btn{padding:.6rem 1.2rem!important;font-size:.85rem!important}}@media screen and (max-width: 768px){.nav-container{padding:0 15px;height:90px}.navbar{height:90px}.logo-image{height:75px}.nav-menu{position:fixed;left:-100%;top:90px;flex-direction:column;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:calc(100vh - 90px);text-align:center;transition:.3s;gap:0;padding-top:2rem;box-shadow:var(--shadow-lg)}.nav-menu.active{left:0}.nav-link{padding:.9rem 0;font-size:1rem;display:block;width:100%;border-radius:0}.nav-toggle{display:flex;align-items:center;justify-content:center}.nav-toggle:hover{box-shadow:0 3px 8px #00000026;background:#f9f9f9}.nav-toggle.active{background:var(--primary-blue)}.nav-toggle.active .menu-text{color:#fff}.contact-btn{margin:.8rem 1.5rem;border-radius:20px;padding:.7rem 1.5rem!important}}@media screen and (max-width: 480px){.nav-container{height:70px;padding:0 15px}.navbar{height:70px}.logo-image{height:55px}.nav-menu{top:70px;height:calc(100vh - 70px)}.nav-link{padding:1rem 0;font-size:1rem}.contact-btn{margin:.8rem 1.5rem;padding:.8rem 1.5rem!important}}.user-menu-container{position:relative}.user-btn{display:flex!important;align-items:center;gap:.5rem;background:var(--primary-blue)!important;color:#fff!important;padding:.5rem 1rem!important;border-radius:20px;font-weight:500}.user-btn:hover{background:var(--primary-blue-dark)!important;color:#fff!important}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:var(--shadow-md);min-width:150px;z-index:1001;margin-top:.5rem}.user-dropdown button{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.9rem;color:var(--dark-gray);transition:background-color .2s ease}.user-dropdown button:hover{background:#f5f5f5}.user-dropdown button:first-child{border-radius:8px 8px 0 0}.user-dropdown button:last-child{border-radius:0 0 8px 8px}@media screen and (max-width: 768px){.user-menu-container{margin:.8rem 1.5rem}.user-btn{padding:.7rem 1rem!important}.user-dropdown{position:static;box-shadow:none;border:none;margin-top:0;background:#fffffff2}.user-dropdown button{padding:.8rem 1.5rem;font-size:1rem}}.footer{background:#1e3a5f;color:#fff;padding:40px 0 0;margin-top:60px;width:100vw;margin-left:calc(-50vw + 50%)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section{margin-bottom:20px}.footer-title{font-size:1.6rem;font-weight:700;margin-bottom:12px;color:gold}.footer-subtitle{font-size:1rem;font-weight:600;margin-bottom:15px;color:gold}.footer-description{line-height:1.5;margin-bottom:18px;color:#e0e0e0;font-size:.9rem}.social-links{display:flex;gap:12px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ffd70033;border-radius:50%;text-decoration:none;font-size:1.1rem;transition:var(--transition-smooth);border:2px solid transparent}.social-link:hover{background:#ffd7004d;border-color:gold;transform:translateY(-2px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#e0e0e0;text-decoration:none;transition:var(--transition-smooth);display:inline-block;position:relative;padding-left:12px;font-size:.9rem}.footer-links a:before{content:"▶";position:absolute;left:0;color:gold;font-size:.7rem;top:2px}.footer-links a:hover{color:gold;transform:translate(5px)}.contact-info{margin-top:8px}.contact-item{display:flex;align-items:flex-start;margin-bottom:10px;line-height:1.4;font-size:.9rem}.contact-icon{margin-right:8px;font-size:1rem;margin-top:2px;min-width:18px}.footer-bottom{border-top:1px solid rgba(255,215,0,.3);padding:20px 0;background:#0003}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;font-size:.85rem}.footer-bottom-links{display:flex;gap:30px}.footer-bottom-links a{color:#e0e0e0;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-bottom-links a:hover{color:gold}@media screen and (max-width: 768px){.footer{padding:30px 0 0;margin-top:40px}.footer-content{grid-template-columns:1fr;gap:25px}.footer-title{font-size:1.4rem}.footer-subtitle{font-size:.95rem}.footer-bottom-content{flex-direction:column;text-align:center;gap:10px}.footer-bottom-links{gap:15px}.contact-item{flex-direction:column;align-items:flex-start;gap:5px}.contact-icon{margin-bottom:3px}.social-links{justify-content:center}}@media screen and (max-width: 480px){.footer-container{padding:0 15px}.footer-title{font-size:1.3rem}.footer-bottom-links{flex-direction:column;gap:8px}.footer-content{gap:20px}.contact-highlight{padding:25px 20px}.primary-contact{flex-direction:column;gap:15px}}.home{min-height:100vh;width:100%;overflow-x:hidden}.hero-title,.gradient-text,.hero-description,.hero-buttons button,.hero-image,.service-card,.feature,.section-header .section-title,.section-header .section-subtitle{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero{background:linear-gradient(#1e3a5fd9,#1e3a5fd9),url(/solar-panels-bg.svg) center/cover;padding:140px 0 80px;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);position:relative;color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,var(--primary-yellow) 2px,transparent 2px),radial-gradient(circle at 80% 80%,var(--secondary-yellow) 1px,transparent 1px);background-size:80px 80px;opacity:.05;z-index:0}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.partners-section .section-header{text-align:center;margin-bottom:50px}.partners-section .section-header h2{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:16px}.partners-section .section-header p{font-size:1.1rem;color:var(--medium-gray);max-width:600px;margin:0 auto}.loading-partners{text-align:center;padding:40px;color:var(--text-muted);font-size:1.1rem}.steg-prompt-section{width:100vw;padding:60px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden}.steg-prompt-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.5}.steg-prompt{text-align:center;animation:fadeInUp 1s ease-out;transition:all .5s ease-out;position:relative;z-index:1}.steg-prompt.closing{animation:fadeOut .5s ease-out forwards}.steg-prompt .prompt-content{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:40px 50px;box-shadow:0 20px 60px #1e3a5f26;border:3px solid rgba(255,215,0,.4);max-width:700px;margin:0 auto;position:relative;transform:perspective(1000px) rotateX(2deg);transition:all .3s ease}.steg-prompt .prompt-content:hover{transform:perspective(1000px) rotateX(0) translateY(-5px);box-shadow:0 25px 70px #1e3a5f33}.steg-prompt .prompt-close{position:absolute;top:15px;right:20px;background:#ffffffe6;border:2px solid #e2e8f0;font-size:24px;color:var(--medium-gray);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;font-weight:700}.steg-prompt .prompt-close:hover{background:#ff4d4d1a;border-color:#ff4d4d;color:#ff4d4d;transform:rotate(90deg)}.steg-prompt .prompt-content p{font-size:1.3rem;line-height:1.7;color:var(--dark-gray);margin-bottom:20px;font-weight:500}.steg-prompt .prompt-content strong{color:#1e3a5f;font-weight:700;font-size:1.1em}.steg-prompt .highlight{color:#1e3a5f;font-weight:700;font-size:1.2em;text-shadow:0 0 30px rgba(255,215,0,.3)}.steg-prompt .flags{font-size:1.1rem;color:var(--medium-gray);font-style:italic;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,215,0,.2)}.prompt-header{text-align:center;margin-bottom:20px}.prompt-icon{font-size:3rem;margin-bottom:10px;animation:pulse 2s infinite}.prompt-header h3{color:#1e3a5f;font-size:1.5rem;font-weight:700;margin:0}.prompt-body{margin-bottom:25px}.benefits-list{display:flex;justify-content:center;gap:20px;margin:20px 0;flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:8px;background:#ffd7001a;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;color:#1e3a5f}.benefit-icon{font-size:1.2rem}.prompt-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.prompt-actions .btn-primary,.prompt-actions .btn-secondary{padding:12px 24px;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.prompt-actions .btn-primary{background:#1e3a5f;color:#fff}.prompt-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.prompt-actions .btn-secondary{background:transparent;color:#1e3a5f;border:2px solid #1e3a5f}.prompt-actions .btn-secondary:hover{background:#1e3a5f;color:#fff}.hero-prompt{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:500px}.hero-text{z-index:2}.hero-title{font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:24px;color:#fff}.gradient-text{color:gold}.hero-description{font-size:1.2rem;line-height:1.6;color:#ffffffe6;margin-bottom:40px;max-width:500px}.hero-stats{display:flex;gap:40px;margin-bottom:40px}.stat{text-align:center;opacity:0;transform:translateY(30px) scale(.9);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.stat-animated{opacity:1;transform:translateY(0) scale(1)}.hero-stats .stat .stat-number,.stat-number{display:block;font-size:2.8rem;font-weight:700;color:#fff!important;line-height:1;text-shadow:2px 2px 8px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.6);position:relative;transition:all .3s ease;-webkit-text-fill-color:#ffffff;filter:brightness(1.2)}.stat-animated .stat-number{animation:pulseGlow 2s ease-in-out}@keyframes pulseGlow{0%,to{transform:scale(1);text-shadow:2px 2px 8px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.6)}50%{transform:scale(1.1);text-shadow:2px 2px 12px rgba(0,0,0,.9),-1px -1px 4px rgba(0,0,0,.7),0 0 20px rgba(255,255,255,.3)}}.hero-stats .stat .stat-label,.stat-label{display:block;font-size:.95rem;color:#fff!important;margin-top:8px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8)}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-outline{padding:16px 32px;border-radius:50px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before,.btn-outline:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before,.btn-secondary:hover:before,.btn-outline:hover:before{width:300px;height:300px}.btn-primary{background:gold;color:#1e3a5f;box-shadow:0 4px 15px #ffd7004d;font-weight:700}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffd70080;background:#ffc107}.btn-secondary{background:transparent;color:gold;border:2px solid #FFD700}.btn-secondary:hover{background:gold;color:#1e3a5f;transform:translateY(-2px) scale(1.05)}.btn-outline{background:transparent;color:gold;border:2px solid #FFD700}.btn-outline:hover{background:gold;color:#1e3a5f}.hero-image{display:flex;justify-content:center;align-items:center;position:relative;width:550px;height:400px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.hero-slideshow{position:relative;width:100%;height:100%;overflow:hidden;border-radius:15px}.hero-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0000001a;border-radius:15px}.hero-loading p{color:#666;font-size:1rem}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;border-radius:15px}.hero-indicators{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.indicator{width:10px;height:10px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.indicator.active{background-color:gold;border-color:#fff;transform:scale(1.2)}.installation-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1e3a5fe6);color:#fff;padding:20px;text-align:center;z-index:2}.installation-overlay h3{margin:0 0 5px;font-size:1.2rem;font-weight:600;color:gold}.installation-overlay p{margin:0;font-size:.9rem;opacity:.9}.panel-1{width:80px;height:120px;top:50px;left:50px;animation-delay:0s}.panel-2{width:100px;height:140px;top:80px;left:150px;animation-delay:.5s}.panel-3{width:90px;height:130px;top:100px;left:100px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}.video-section{padding:80px 0;background:linear-gradient(to bottom,#1e3a5f08,#ffd70008);width:100%}.video-container{max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0003;position:relative;background:#000;opacity:0;transform:scale(.8) translateY(50px)}.video-container:hover .video-controls{opacity:1}.project-video{width:100%;height:auto;display:block;max-height:700px;object-fit:cover;transition:all .3s ease}.project-video:hover{transform:scale(1.02)}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 15px 10px;opacity:0;transition:opacity .3s ease;z-index:10}.progress-bar-container{margin-bottom:10px}.progress-bar{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:gold;border-radius:50%;cursor:pointer;transition:all .2s ease}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.progress-bar::-moz-range-thumb{width:14px;height:14px;background:gold;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease}.progress-bar::-moz-range-thumb:hover{transform:scale(1.3)}.controls-row{display:flex;justify-content:space-between;align-items:center}.controls-left,.controls-right{display:flex;align-items:center;gap:10px}.control-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px 10px;transition:all .2s ease;border-radius:5px}.control-btn:hover{background:#fff3;transform:scale(1.1)}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}@media screen and (max-width: 768px){.video-section{padding:60px 0}.video-container{border-radius:15px}.project-video{max-height:400px}.video-controls{opacity:1}.control-btn{font-size:1.2rem;padding:3px 6px}.volume-slider{width:50px}}@media screen and (max-width: 480px){.video-section{padding:40px 0}.video-container{border-radius:10px}.project-video{max-height:300px}.controls-left{gap:5px}.control-btn{font-size:1rem;padding:2px 5px}.volume-slider{display:none}}.services{padding:100px 0;background:url(/solar-panels-subtle-bg.svg) center/cover;width:100%}.section-title{font-size:2.5rem;font-weight:700;color:#1e3a5f;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--medium-gray);max-width:600px;margin:0 auto;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.service-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);transition:left .5s ease}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #ffd7004d;border-color:gold}.service-icon{font-size:3rem;margin-bottom:20px;display:block;transition:transform .3s ease}.service-card:hover .service-icon{transform:scale(1.2) rotate(5deg)}.service-card h3{font-size:1.3rem;font-weight:600;color:#1e3a5f;margin-bottom:15px}.service-card p{color:var(--medium-gray);line-height:1.6;font-size:.95rem}.why-choose-us{padding:100px 0;background:linear-gradient(#1e3a5fe6,#1e3a5fe6),url(/solar-panels-bg.svg) center/cover;width:100vw;margin-left:calc(-50vw + 50%);color:#fff}.why-choose-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.why-choose-text h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:40px;line-height:1.2}.features-list{display:flex;flex-direction:column;gap:25px}.feature{display:flex;align-items:flex-start;gap:15px}.feature-icon{background:gold;color:#1e3a5f;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;margin-top:5px;box-shadow:0 4px 15px #ffd7004d}.feature h4{font-size:1.2rem;font-weight:600;color:gold;margin-bottom:5px}.feature p{color:#ffffffe6;line-height:1.5}.why-choose-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:300px;height:300px;background:#d6dff39f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;box-shadow:0 10px 30px #0000004d}.eco-icon{width:280px;height:auto;margin-bottom:20px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.image-placeholder p{color:var(--primary-blue);font-weight:600;font-size:1.1rem}.cta-section{padding:80px 0;background:linear-gradient(#ffd700e6,#ffd700e6),url(/solar-panels-bg.svg) center/cover;color:#1e3a5f;text-align:center;width:100vw;margin-left:calc(-50vw + 50%)}.cta-content{max-width:1200px;margin:0 auto;padding:0 20px}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta-section .btn-primary{background:#1e3a5f;color:#fff;border:2px solid #1e3a5f}.cta-section .btn-primary:hover{background:#fff;color:#1e3a5f}.cta-section .btn-outline{color:#1e3a5f;border-color:#1e3a5f;background:transparent}.cta-section .btn-outline:hover{background:#1e3a5f;color:#fff}@media screen and (max-width: 968px){.hero-content,.why-choose-content{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.prompt-content{padding:20px;max-width:90%}.prompt-content p{font-size:1rem}.steg-prompt-section{padding:50px 20px}.partners-carousel{padding:30px 0}.partners-track{gap:30px;animation-duration:25s}.partner-slide{width:220px;padding:20px}.partner-logo-wrapper{height:120px}.steg-prompt .prompt-content{padding:35px 30px;margin:0 15px}.steg-prompt .prompt-content p{font-size:1.2rem}.benefits-list{gap:15px}.benefit-item{font-size:.85rem}.prompt-actions .btn-primary,.prompt-actions .btn-secondary{padding:10px 20px;font-size:.9rem}}@media screen and (max-width: 768px){.hero{padding:100px 0 60px}.hero-title{font-size:2.2rem}.hero-description{font-size:1.1rem}.hero-stats{gap:20px;flex-wrap:wrap}.stat-number,.section-title{font-size:2rem}.services,.why-choose-us{padding:60px 0}.cta-section{padding:50px 0}.steg-prompt-section{padding:40px 15px}.partners-track{gap:20px;animation-duration:20s}.partner-slide{width:180px;padding:15px}.partner-logo-wrapper{height:100px;padding:10px}.partner-name{font-size:.95rem}.steg-prompt .prompt-content{padding:30px 25px;margin:0 10px;border-radius:20px}.steg-prompt .prompt-content p{font-size:1.1rem}.steg-prompt .flags{font-size:1rem}.benefits-list{flex-direction:column;gap:10px}.benefit-item{font-size:.8rem;padding:6px 12px}.prompt-actions{flex-direction:column;align-items:center}.prompt-actions .btn-primary,.prompt-actions .btn-secondary{width:100%;max-width:250px}.cta-content h2{font-size:2rem}.solar-panel-animation{width:250px;height:250px}.floating-logo{transform:translate(-50%,-50%) scale(.8)}.prompt-content{padding:18px;border-radius:15px}.prompt-content p{font-size:.95rem}.flags{font-size:.85rem}.hero-image{width:450px;height:320px}}@media screen and (max-width: 480px){.hero-buttons,.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary,.btn-outline{width:100%;max-width:280px}.hero-stats{flex-direction:column;gap:15px}.services-grid{grid-template-columns:1fr}.image-placeholder{width:220px;height:220px}.solar-panel-animation{width:200px;height:200px}.steg-prompt .prompt-content{padding:25px 20px;margin:0 5px}.steg-prompt .prompt-content p{font-size:1rem;line-height:1.6}.steg-prompt .highlight{font-size:1.3em}.steg-prompt .flags{font-size:.95rem}.floating-logo{transform:translate(-50%,-50%) scale(.7)}.prompt-content{padding:15px;margin:0 10px}.prompt-content p{font-size:.9rem;line-height:1.5}.highlight{font-size:1.1em}.hero-prompt{margin-bottom:30px}.hero{padding:90px 0 50px}.hero-image{width:320px;height:240px}}.about{padding-top:110px;width:100%}.about-title,.about-subtitle,.mission-card,.activity-card,.section-header:not(.animated),.location-card:not(.animated),.service-item:not(.animated){opacity:0}.about-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:80px 0;text-align:center;width:100vw;margin-left:calc(-50vw + 50%);position:relative}.about-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px;opacity:.3;z-index:0}.about-hero-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px}.about-hero-content h1{font-size:3rem;font-weight:700;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.about-subtitle{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.5}.story-section{padding:100px 0;background:#fff}.story-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:center}.story-text h2{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:30px}.story-text p{font-size:1.1rem;line-height:1.7;color:var(--medium-gray);margin-bottom:20px}.story-text strong{color:var(--primary-blue);font-weight:600}.story-image{display:flex;justify-content:center;align-items:center}.year-highlight{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:var(--shadow-lg);transform:rotate(-5deg);transition:var(--transition-smooth)}.year-highlight:hover{transform:rotate(0) scale(1.05)}.year{display:block;font-size:3rem;font-weight:700;line-height:1}.year-text{font-size:1rem;opacity:.9;margin-top:5px}.mission-section{padding:100px 0;background:var(--gradient-light);width:100vw;margin-left:calc(-50vw + 50%)}.mission-content{max-width:1200px;margin:0 auto;padding:0 20px}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.mission-card{background:#fff;padding:40px 30px;border-radius:20px;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:2px solid transparent}.mission-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:#ffd7004d}.mission-icon{font-size:3rem;margin-bottom:20px}.mission-card h3{font-size:1.4rem;font-weight:600;color:var(--primary-blue);margin-bottom:15px}.mission-card p{color:var(--medium-gray);line-height:1.6;font-size:1rem}.activities-section{padding:100px 0;background:#fff}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:16px}.section-header p{font-size:1.1rem;color:var(--medium-gray);max-width:600px;margin:0 auto}.activities-grid{display:flex;flex-direction:row;gap:2rem;flex-wrap:nowrap;overflow-x:auto}.activity-card{background:#fff;border:2px solid #f0f0f0;border-radius:20px;padding:30px;transition:all .3s ease}.activity-card:hover{border-color:#4a90e2;box-shadow:0 15px 40px #4a90e21a;transform:translateY(-5px)}.activity-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.activity-icon{font-size:2.5rem;background:linear-gradient(135deg,#4a90e21a,#2c55301a);padding:15px;border-radius:15px;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px}.activity-header h3{font-size:1.2rem;font-weight:600;color:#2c5530;line-height:1.3}.activity-card p{color:#666;line-height:1.6;margin-bottom:20px}.activity-features{list-style:none;padding:0;margin:0}.activity-features li{color:#4a90e2;font-weight:500;margin-bottom:8px;position:relative;padding-left:20px}.activity-features li:before{content:"✓";position:absolute;left:0;color:#4a90e2;font-weight:700}.locations-section{padding:100px 0;background:linear-gradient(135deg,#f8fffe,#e8f5ff)}.locations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.location-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 40px #00000014;transition:all .3s ease;position:relative;border:2px solid transparent}.location-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #4a90e226;border-color:#4a90e24d}.location-card.primary{border-color:#4a90e2;background:linear-gradient(135deg,#4a90e20d,#2c55300d)}.primary-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#4a90e2,#2c5530);color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:600}.location-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.location-icon{font-size:2rem;background:linear-gradient(135deg,#4a90e21a,#2c55301a);padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:50px;height:50px}.location-header h3{font-size:1.3rem;font-weight:600;color:#2c5530}.location-info{margin-top:10px}.location-address,.location-contact{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.info-icon{font-size:1rem;margin-top:2px;min-width:20px}.location-address span:last-child,.location-contact span:last-child{color:#666;line-height:1.5}.contact-highlight{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 15px 40px #00000014;border:2px solid #4a90e2}.contact-highlight h3{font-size:1.5rem;font-weight:600;color:#2c5530;margin-bottom:25px}.primary-contact{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:10px;color:#666;font-weight:500}.contact-icon{font-size:1.2rem;color:#4a90e2}.services-highlight{padding:100px 0;background:#fff}.services-content h2{font-size:2.5rem;font-weight:700;color:#2c5530;text-align:center;margin-bottom:50px}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.service-item{display:flex;align-items:flex-start;gap:20px;padding:30px;background:linear-gradient(135deg,#f8fffe,#e8f5ff);border-radius:20px;transition:all .3s ease}.service-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #4a90e21a}.service-item .service-icon{font-size:2.5rem;background:linear-gradient(135deg,#4a90e21a,#2c55301a);padding:15px;border-radius:15px;display:flex;align-items:center;justify-content:center;min-width:60px;height:60px}.service-item h4{font-size:1.2rem;font-weight:600;color:#2c5530;margin-bottom:10px}.service-item p{color:#666;line-height:1.6}@media screen and (max-width: 968px){.story-content{grid-template-columns:1fr;gap:40px;text-align:center}.about-hero-content h1{font-size:2.5rem}.story-text h2{font-size:2rem}.mission-grid,.activities-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.locations-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media screen and (max-width: 768px){.about-hero{padding:60px 0}.about-hero-content h1{font-size:2.2rem}.about-subtitle{font-size:1.1rem}.story-section,.mission-section,.activities-section,.locations-section,.services-highlight{padding:50px 0}.section-header h2{font-size:2rem}.story-text h2{font-size:1.8rem}.year{font-size:2.5rem}.primary-contact{flex-direction:column;gap:15px}.contact-highlight{padding:30px 20px}.contact-highlight h3{font-size:1.3rem}.mission-card,.activity-card,.location-card{padding:25px 20px}.services-list{grid-template-columns:1fr}.service-item{padding:25px}}@media screen and (max-width: 480px){.activities-grid,.locations-grid,.services-list,.mission-grid{grid-template-columns:1fr}.activity-header,.location-header{flex-direction:column;text-align:center;gap:10px}.service-item{flex-direction:column;text-align:center;padding:20px}.year-highlight{transform:none;padding:30px 20px}.year-highlight:hover{transform:scale(1.05)}.about-hero-content h1{font-size:1.9rem}.story-text h2{font-size:1.6rem}.section-header h2{font-size:1.8rem}.contact-highlight{padding:25px 15px}.location-card.primary{position:relative}.primary-badge{position:static;margin-bottom:15px;display:inline-block}.contact-item{justify-content:center;text-align:center}}.partners-section{padding:80px 0;background-color:#f9f9f9;width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden}.partners-carousel{position:relative;width:100%;overflow:hidden;padding:40px 0}.partners-carousel:before,.partners-carousel:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.partners-carousel:before{left:0;background:linear-gradient(to right,#f9f9f9,transparent)}.partners-carousel:after{right:0;background:linear-gradient(to left,#f9f9f9,transparent)}.partners-track{display:flex;gap:40px;animation:scroll 30s linear infinite;width:fit-content}.partners-track:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.partner-slide{flex-shrink:0;width:280px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.partner-slide:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #4a90e233}.partner-slide a{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%}.partner-logo-wrapper{width:100%;height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#4a90e20d,#2c55300d);border-radius:15px;transition:all .3s ease}.partner-slide:hover .partner-logo-wrapper{background:linear-gradient(135deg,#4a90e21a,#2c55301a);transform:scale(1.05)}.partner-logo-wrapper img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(20%);transition:all .3s ease}.partner-slide:hover .partner-logo-wrapper img{filter:grayscale(0%)}.partner-name{font-size:1.1rem;font-weight:600;color:var(--primary-blue);margin-top:10px}.partners-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:50px}.partner-card{background-color:#fff;border-radius:15px;box-shadow:var(--shadow-md);width:100%;max-width:500px;overflow:hidden;transition:all .3s ease}.partner-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.partner-card a{text-decoration:none;color:inherit;display:block}.partner-logo{height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;border-bottom:1px solid #eee}.partner-logo img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.partner-card:hover .partner-logo img{transform:scale(1.05)}.partner-info{padding:20px 25px}.partner-info h3{color:var(--primary-blue);font-size:1.4rem;margin-bottom:10px}.partner-info p{color:var(--dark-gray);line-height:1.5}@media screen and (max-width: 768px){.partners-carousel{padding:30px 0}.partners-track{gap:30px;animation-duration:25s}.partner-slide{width:220px;padding:20px}.partner-logo-wrapper{height:120px}.partners-grid{flex-direction:column;align-items:center;gap:30px}.partner-card{max-width:100%}.partner-logo{height:150px}}@media screen and (max-width: 480px){.partners-track{gap:20px;animation-duration:20s}.partner-slide{width:180px;padding:15px}.partner-logo-wrapper{height:100px;padding:10px}.partner-name{font-size:.95rem}}.loading-locations,.loading-partners{text-align:center;padding:40px;color:var(--text-muted);font-size:1.1rem;grid-column:1 / -1}.contact{color:var(--text-dark);scroll-margin-top:110px}.contact-hero{width:100vw;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.contact-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.contact-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.contact-subtitle{font-size:1.25rem;opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.contact-form-section{width:100vw;padding:80px 20px;background:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:start}.contact-info h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-blue)}.contact-info p{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;color:var(--text-muted)}.contact-benefits{margin-bottom:3rem}.benefit-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border-left:4px solid var(--primary-yellow)}.benefit-icon{font-size:2rem;min-width:60px;height:60px;background:var(--primary-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center}.benefit-item h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--primary-blue)}.benefit-item p{font-size:.95rem;color:var(--text-muted);margin:0;line-height:1.5}.primary-contact-info{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #1e3a5f33}.primary-contact-info h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary-yellow)}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-detail{display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1.5}.detail-icon{font-size:1.2rem;min-width:24px;text-align:center}.contact-form{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 20px 50px #0000001a;border:1px solid #e2e8f0}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--primary-blue);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px #ffd7001a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{width:100%;background:linear-gradient(135deg,var(--primary-yellow) 0%,var(--secondary-yellow) 100%);color:var(--primary-blue);border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffd7004d}.contact-locations{width:100vw;padding:80px 20px;background:#f8fafc}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--primary-blue)}.section-header p{font-size:1.2rem;color:var(--text-muted)}.locations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.location-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.location-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.location-card.primary{border:2px solid var(--primary-yellow);background:linear-gradient(135deg,#fff,#fffef7)}.primary-badge{position:absolute;top:-10px;right:20px;background:var(--primary-yellow);color:var(--primary-blue);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.location-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.location-icon{font-size:2rem;width:50px;height:50px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center}.location-header h3{font-size:1.5rem;font-weight:600;color:var(--primary-blue)}.location-info{display:flex;flex-direction:column;gap:1rem}.location-address,.location-contact{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;color:var(--text-muted)}.info-icon{font-size:1.1rem;min-width:20px;margin-top:2px}.contact-cta{width:100vw;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:60px 20px;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.urgent-contacts{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.urgent-btn{background:var(--primary-yellow);color:var(--primary-blue);text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.urgent-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffd7004d;background:#ffed4a}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-title{font-size:2.5rem}.section-header h2,.contact-info h2{font-size:2rem}.locations-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.cta-content h2{font-size:2rem}}@media (max-width: 768px){.contact-hero{padding:40px 20px}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.contact-form-section{padding:60px 20px}.contact-form{padding:2rem}.form-row{grid-template-columns:1fr}.benefit-item{flex-direction:column;text-align:center;gap:.75rem}.contact-locations{padding:60px 20px}.locations-grid{grid-template-columns:1fr}.urgent-contacts{flex-direction:column;align-items:center}}@media (max-width: 480px){.contact-title{font-size:1.8rem}.contact-hero{padding:30px 15px}.contact-form-section,.contact-locations{padding:40px 15px}.contact-form{padding:1.5rem}.benefit-icon{min-width:50px;height:50px;font-size:1.5rem}.location-card{padding:1.5rem}.section-header h2,.cta-content h2{font-size:1.8rem}}.loading-locations{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted);font-size:1.1rem}.references{color:var(--text-dark);scroll-margin-top:110px;overflow-x:hidden}.references-hero{width:100vw;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.references-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.references-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.references-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2}.references-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.evolution-section{width:100vw;padding:80px 20px;background:#fff}.section-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto;padding:0 20px}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem;color:var(--primary-blue);line-height:1.2}.section-header p{font-size:clamp(1rem,2vw,1.1rem);line-height:1.7;color:var(--text-muted)}.evolution-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;max-width:1200px;margin:0 auto;align-items:start}.evolution-content-large{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;gap:40px}.chart-container-large{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 20px 60px #00000026;border:2px solid #e2e8f0;width:100%}.chart-container-large .chart-title h3{font-size:1.8rem;font-weight:700;color:var(--primary-blue);margin-bottom:3rem;text-align:center;padding:1rem 0;border-bottom:3px solid var(--primary-yellow)}.power-chart-large{position:relative;width:100%;display:flex;justify-content:center}.animated-chart-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a}.animated-bar-chart{width:100%;height:auto;min-height:400px}.growth-arrow{animation:drawArrow 2s ease-out forwards}.animated-bar{transition:all 1.5s cubic-bezier(.4,0,.2,1)}.animated-bar:hover{filter:brightness(1.2) drop-shadow(0 0 10px rgba(74,158,255,.8));cursor:pointer}@keyframes drawArrow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.bar-value{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.chart-fullscreen-btn{position:absolute;top:30px;right:30px;background:#1e3a5fe6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px #0003}.chart-fullscreen-btn:hover{background:var(--primary-blue);transform:scale(1.1)}.chart-image-large{position:relative;width:100%;max-width:1200px;margin:0 auto;cursor:pointer;transition:all .3s ease}.chart-image-large:hover{transform:scale(1.02)}.chart-image-large:hover .fullscreen-icon{opacity:1;transform:scale(1.1)}.fullscreen-icon{position:absolute;top:20px;right:20px;background:#1e3a5fe6;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0003}.fullscreen-icon:hover{background:var(--primary-blue);transform:scale(1.1)}.chart-img-large{width:100%;height:auto;min-height:500px;max-height:700px;object-fit:contain;border-radius:15px;box-shadow:0 10px 30px #0000001a;background:#fff;padding:20px}.stats-section{max-width:1400px;margin:0 auto}.chart-container{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 15px 40px #0000001a;border:1px solid #e2e8f0}.chart-title h3{font-size:1.3rem;font-weight:600;color:var(--primary-blue);margin-bottom:2rem;text-align:center}.power-chart{position:relative}.chart-image{margin-bottom:2rem}.chart-img{width:100%;height:auto;max-height:400px;object-fit:contain;border-radius:12px;box-shadow:0 5px 15px #0000001a}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:300px;background:linear-gradient(to top,#f8fafc,#fff);border-radius:12px;padding:20px;border:2px solid #e2e8f0;margin-bottom:2rem}.bar-container{display:flex;flex-direction:column;align-items:center;flex:1;margin:0 2px}.bar{width:100%;max-width:40px;background:linear-gradient(to top,var(--primary-blue) 0%,var(--primary-yellow) 100%);border-radius:4px 4px 0 0;position:relative;min-height:20px;transition:all .3s ease;cursor:pointer;margin-bottom:10px}.bar:hover{transform:scale(1.05);box-shadow:0 5px 15px #1e3a5f4d}.bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:600;color:var(--primary-blue);background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0;white-space:nowrap}.bar-year{font-size:.9rem;font-weight:600;color:var(--medium-gray);margin-top:5px}.stats-summary{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stat-card.primary{border:2px solid var(--primary-yellow);background:linear-gradient(135deg,#fff,#fffef7)}.stat-icon{font-size:2.5rem;width:70px;height:70px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;min-width:70px}.stat-card.primary .stat-icon{background:var(--primary-yellow)}.stat-info h4{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-blue)}.stat-info p{font-size:1rem;color:var(--text-muted);margin:0;line-height:1.4}.references-cta{width:100vw;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:80px 20px;text-align:center}.references-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.references-cta .cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--primary-yellow) 0%,var(--secondary-yellow) 100%);color:var(--primary-blue);border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffd7004d}.btn-outline{background:transparent;color:#fff;border:2px solid var(--primary-yellow);padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-outline:hover{background:var(--primary-yellow);color:var(--primary-blue);transform:translateY(-2px)}@media (max-width: 1024px){.evolution-content-large{max-width:95%;padding:0 15px}.chart-container-large{padding:2rem 1.5rem}.table-header-row,.table-row{grid-template-columns:1.8fr 1.8fr 1fr 1.2fr}.table-cell{padding:.8rem 1rem;font-size:.9rem}}@media (max-width: 968px){.evolution-content{grid-template-columns:1fr;gap:40px}.evolution-content-large{gap:30px;padding:0 20px}.chart-container-large{padding:2rem}.chart-container-large .chart-title h3{font-size:1.6rem;margin-bottom:2rem}.chart-img-large{min-height:400px;max-height:600px}.references-title{font-size:2.5rem}.section-header h2{font-size:2rem}.chart-bars{height:250px}.bar-value{font-size:.7rem;top:-20px}.stats-summary{flex-direction:row;flex-wrap:wrap;gap:15px}.stat-card{flex:1;min-width:200px}.table-header-row,.table-row{grid-template-columns:1fr 1fr;gap:10px}.table-cell{padding:.8rem;font-size:.9rem}}@media (max-width: 768px){.references-hero{padding:40px 15px;min-height:300px}.references-title{font-size:2rem;margin-bottom:.8rem}.references-subtitle{font-size:1.1rem}.evolution-section,.projects-section,.ongoing-projects-section{padding:60px 15px}.section-header{margin-bottom:2rem;padding:0 10px}.evolution-content-large{gap:20px;padding:0 10px}.chart-container-large{padding:1.5rem}.chart-container-large .chart-title h3{font-size:1.4rem;margin-bottom:1.5rem}.chart-img-large{min-height:350px;max-height:500px;padding:15px}.chart-container{padding:1.5rem}.chart-bars{height:200px;padding:15px}.stats-summary{flex-direction:column;gap:15px}.stat-card{min-width:unset;width:100%}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.btn-primary,.btn-outline{width:100%;max-width:300px}}@media (max-width: 480px){.references-hero{padding:30px 10px;min-height:250px}.references-title{font-size:1.8rem;margin-bottom:.5rem}.references-subtitle{font-size:1rem;padding:0 10px}.evolution-section,.references-cta{padding:40px 10px}.references-cta .cta-content h2{font-size:1.6rem;margin-bottom:.8rem}.references-cta .cta-content p{font-size:.95rem;margin-bottom:1.5rem}.btn-primary,.btn-outline{font-size:1rem;padding:.8rem 1.5rem;max-width:280px}.fullscreen-icon{width:35px;height:35px;top:15px;right:15px}.fullscreen-modal-content{padding:1.5rem;max-width:98vw;max-height:98vh}.close-fullscreen-btn{width:40px;height:40px;top:10px;right:10px}.fullscreen-chart-title{margin-bottom:1rem}.fullscreen-chart-img{max-height:60vh}}.fullscreen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;padding:20px;box-sizing:border-box}.fullscreen-modal-content{position:relative;max-width:95vw;max-height:95vh;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 30px 80px #0000004d;display:flex;flex-direction:column;align-items:center;animation:scaleIn .3s ease;overflow:auto}.close-fullscreen-btn{position:absolute;top:15px;right:15px;background:var(--primary-blue);color:#fff;border:none;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 4px 12px #0003}.close-fullscreen-btn:hover{background:var(--primary-blue-dark);transform:scale(1.1)}.fullscreen-chart-title{text-align:center;margin-bottom:2rem;max-width:800px}.fullscreen-chart-title h3{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:var(--primary-blue);margin:0;line-height:1.3}.fullscreen-chart-container{width:100%;display:flex;justify-content:center;align-items:center;flex:1;padding:20px}.fullscreen-chart-container .animated-bar-chart.fullscreen{width:100%;max-width:1400px;height:auto;min-height:500px;background:#fff;border-radius:10px;padding:30px;box-shadow:0 10px 30px #0000001a}.fullscreen-chart-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:10px;box-shadow:0 10px 30px #0000001a;background:#fff}.global-stats-section{padding:3.5rem 0;background:transparent;position:relative;overflow:hidden}.global-stats-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(30,58,95,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,140,0,.03) 0%,transparent 50%);animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}.stats-header-modern{text-align:center;margin-bottom:2rem;position:relative;z-index:2}.stats-title-modern{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;color:var(--primary-blue);margin-bottom:.3rem;text-shadow:none}.stats-subtitle-modern{font-size:clamp(.9rem,1.8vw,1rem);color:var(--text-muted);font-weight:400}.global-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:850px;margin:0 auto;position:relative;z-index:2}.global-stat-card{background:linear-gradient(145deg,#1e3a5f0d,#ffd7000d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 1.5rem;border-radius:20px;text-align:center;border:2px solid rgba(30,58,95,.15);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 30px #1e3a5f1a}.stat-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(30,58,95,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.global-stat-card:hover .stat-card-glow{opacity:1;animation:rotateGlow 3s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--primary-blue);box-shadow:0 15px 50px #1e3a5f40}.stat-content-wrapper{position:relative;z-index:2}.global-stat-icon{width:60px;height:60px;margin:0 auto 1rem;color:var(--primary-blue);filter:drop-shadow(0 0 20px rgba(30,58,95,.3));transition:all .3s ease}.global-stat-card:hover .global-stat-icon{transform:scale(1.1) rotateY(180deg);filter:drop-shadow(0 0 30px rgba(30,58,95,.5))}.global-stat-icon svg{width:100%;height:100%}.global-stat-value{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-bottom:.8rem}.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:900;background:linear-gradient(135deg,#1e3a5f,#2a5298,#0a1628);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(30,58,95,.3);animation:numberPulse 2s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-plus,.stat-unit{font-size:clamp(1.2rem,2.5vw,1.6rem);color:var(--primary-blue);font-weight:700}.global-stat-label{font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:600;color:var(--primary-blue);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px}.stat-description{font-size:.8rem;color:var(--text-muted);font-style:italic}.realisations-gallery-section{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa,#fff,#f8f9fa)}.realisations-intro{max-width:900px;margin:3rem auto 2rem;text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014}.realisations-intro h3{font-size:clamp(1.3rem,3vw,1.8rem);color:var(--primary-blue);margin-bottom:1rem;font-weight:700}.realisations-intro p{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8;color:var(--text-dark);margin:0}.realisations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.realisation-card{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .4s ease;background:#fff}.realisation-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #1e3a5f33}.realisation-image-wrapper{position:relative;width:100%;height:350px;overflow:hidden}.realisation-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.realisation-card:hover .realisation-image{transform:scale(1.1)}.realisation-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(30,58,95,.95) 0%,rgba(30,58,95,.7) 50%,transparent 100%);display:flex;align-items:flex-end;justify-content:center;padding:2rem;opacity:0;transition:opacity .4s ease}.realisation-card:hover .realisation-overlay{opacity:1}.realisation-overlay-content{text-align:center;color:#fff;transform:translateY(20px);transition:transform .4s ease}.realisation-card:hover .realisation-overlay-content{transform:translateY(0)}.realisation-overlay-content h4{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.realisation-overlay-content p{font-size:1rem;color:gold;font-weight:500}@media (max-width: 768px){.realisations-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.realisation-image-wrapper{height:280px}.realisation-overlay-content h4{font-size:1.2rem}.realisation-overlay-content p{font-size:.9rem}}@media (max-width: 480px){.realisations-gallery-section{padding:3rem 0}.realisations-grid{grid-template-columns:1fr;gap:1.5rem}.realisation-image-wrapper{height:250px}}.types-band-section{padding:3rem 0;background:#fff;overflow:hidden}.types-animated-band{width:100%;overflow:hidden;position:relative;padding:2rem 0}.types-track{display:flex;gap:2rem;animation:scrollTypes 20s linear infinite;width:fit-content}@keyframes scrollTypes{0%{transform:translate(0)}to{transform:translate(-50%)}}.type-badge-animated{min-width:200px;padding:2rem 3rem;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.type-badge-animated:hover{transform:scale(1.05)}.type-name{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.type-count{font-size:1rem;opacity:.9}.clients-references-section{padding:4rem 0;background:linear-gradient(135deg,#f8fffe,#e8f5ff)}.references-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0}.ref-stat-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px #1e3a5f1a;border-left:4px solid #1e3a5f;transition:all .3s;position:relative;overflow:hidden}.ref-stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,215,0,.05),transparent);pointer-events:none}.ref-stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #1e3a5f33}.ref-stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;position:relative}.ref-stat-label{font-size:1.1rem;color:#1e3a5f;font-weight:600}.references-filters{display:flex;align-items:center;gap:1rem;margin:2rem 0;flex-wrap:wrap;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.references-filters label{font-weight:600;color:var(--primary-blue);font-size:1.1rem}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-btn{padding:.65rem 1.5rem;border:2px solid;border-radius:25px;background:transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffd70033;transform:translate(-50%,-50%);transition:width .3s,height .3s}.filter-btn:hover:before{width:300px;height:300px}.filter-btn.active,.filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f33}.references-carousel{position:relative;width:100%;overflow:hidden;padding:40px 0;margin-top:2rem}.references-carousel:before,.references-carousel:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.references-carousel:before{left:0;background:linear-gradient(to right,rgba(248,255,254,1),transparent)}.references-carousel:after{right:0;background:linear-gradient(to left,rgba(248,255,254,1),transparent)}.references-track{display:flex;gap:30px;animation:scrollReferences 40s linear infinite;width:fit-content}.references-track:hover{animation-play-state:paused}@keyframes scrollReferences{0%{transform:translate(0)}to{transform:translate(-50%)}}.reference-slide{flex-shrink:0;width:320px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #1e3a5f14;transition:all .3s;cursor:pointer;border:2px solid transparent}.reference-slide:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #1e3a5f26;border-color:#ffd7004d}.reference-slide .ref-logo-container{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#ffd7000d,#1e3a5f0d);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.reference-slide:hover .ref-logo-img{transform:scale(1.1)}.references-grid-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.reference-display-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #1e3a5f14;transition:all .3s;cursor:pointer;border:2px solid transparent}.reference-display-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #1e3a5f26;border-color:#ffd7004d}.ref-logo-container{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#ffd7000d,#1e3a5f0d);display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.ref-logo-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s}.reference-display-card:hover .ref-logo-img{transform:scale(1.1)}.ref-type-badge{position:absolute;top:.75rem;right:.75rem;padding:.4rem 1rem;color:#fff;border-radius:20px;font-weight:700;font-size:.85rem;text-transform:uppercase;box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ref-info-container{padding:1.5rem;background:#fff}.ref-info-container h3{margin:0 0 1rem;color:var(--primary-blue);font-size:1.15rem;font-weight:600;transition:color .3s}.reference-display-card:hover .ref-info-container h3{color:gold}.ref-power{display:flex;align-items:center;gap:.5rem;color:#666;font-size:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ffd7001a,#1e3a5f0d);border-radius:8px;width:fit-content}.power-icon{font-size:1.3rem;color:gold}.power-value{font-weight:600;color:var(--primary-blue)}.reference-detail-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s}.reference-detail-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .3s}.close-detail-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#fffffff2;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px #0003}.close-detail-btn:hover{background:#dc3545;color:#fff;transform:rotate(90deg)}.reference-detail-body{padding:2rem}.detail-logo{width:100%;height:300px;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:2rem;margin-bottom:2rem}.detail-logo img{max-width:100%;max-height:100%;object-fit:contain}.detail-info{text-align:center}.detail-info h2{color:var(--primary-blue);font-size:2rem;margin:0 0 1rem}.detail-type-badge{display:inline-block;padding:.5rem 1.5rem;color:#fff;border-radius:25px;font-weight:700;font-size:1rem;text-transform:uppercase;margin-bottom:1.5rem}.detail-power{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.5rem;color:#666}.detail-power-icon{font-size:2rem}.detail-power-value{font-weight:700;color:var(--primary-blue)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.clients-references-section{padding:2rem 0}.references-stats{grid-template-columns:repeat(2,1fr)}.ref-stat-number{font-size:2rem}.references-filters{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.references-carousel{padding:30px 0}.references-track{gap:25px;animation-duration:35s}.reference-slide{width:260px}.reference-slide .ref-logo-container{height:150px}.filter-btn{flex:1;text-align:center}.references-carousel:before,.references-carousel:after{width:50px}.references-grid-display{grid-template-columns:1fr;gap:1.5rem}.reference-detail-modal{padding:1rem}.detail-logo{height:200px}.detail-info h2{font-size:1.5rem}.detail-power{font-size:1.2rem}}@media (max-width: 480px){.references-track{gap:20px;animation-duration:30s}.reference-slide{width:220px}.reference-slide .ref-logo-container{height:130px;padding:1rem}.ref-info-container h3{font-size:1rem}}.produits-container{min-height:100vh;color:var(--text-dark);scroll-margin-top:110px;overflow-x:hidden}.produits-hero{width:100vw;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.produits-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.produits-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.produits-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2}.produits-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.95;max-width:600px;margin:0 auto 1rem;line-height:1.6}.retour-categories-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:1rem}.retour-categories-btn:hover{background:#fff;color:var(--primary-blue);transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.partenaires-section{background:#f8f9fa;padding:3rem 0;margin-bottom:2rem}.partenaires-container{max-width:1400px;margin:0 auto;padding:0 20px}.partenaires-container h2{text-align:center;color:#1e3a5f;font-size:2rem;margin-bottom:2rem;font-weight:700}.partenaires-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.partenaire-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;transition:all .3s;display:flex;flex-direction:column;align-items:center;text-align:center}.partenaire-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.partenaire-logo{width:350px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:#f8f9fa;border-radius:8px;padding:20px}.partenaire-logo img{max-width:100%;max-height:100%;object-fit:contain}.partenaire-info{width:100%}.partenaire-info h3{color:#1e3a5f;font-size:1.3rem;margin-bottom:.75rem;font-weight:600}.partenaire-description{color:#666;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.partenaire-website{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-blue);color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s;font-size:.9rem}.partenaire-website:hover{background:var(--primary-blue-dark);transform:translate(3px)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1400px;margin:3rem auto;padding:0 20px}@media (max-width: 1200px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.categories-grid{grid-template-columns:1fr}}.categorie-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.categorie-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.categorie-image-container{position:relative;height:250px;overflow:hidden}.categorie-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.categorie-card:hover .categorie-image-container img{transform:scale(1.1)}.categorie-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);display:flex;align-items:center;justify-content:center}.categorie-icon{font-size:4rem}.categorie-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s}.categorie-card:hover .categorie-overlay{opacity:1}.voir-produits-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.voir-produits-btn:hover{background:var(--primary-blue-dark);transform:translate(5px)}.categorie-content{padding:1.5rem;min-height:180px;display:flex;flex-direction:column}.categorie-content h3{font-size:1.3rem;color:#1e3a5f;margin-bottom:.75rem;font-weight:700}.categorie-content p{color:#666;line-height:1.6;font-size:.9rem;text-align:justify}.filtres-section{max-width:1200px;margin:2rem auto 3rem;padding:0 20px}.filtres-container{display:flex;gap:1.5rem;align-items:flex-end;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;flex-wrap:wrap}.filtre-group{flex:1;min-width:200px}.filtre-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1e3a5f;margin-bottom:.5rem;font-size:1rem}.filtre-group label svg{color:gold}.filtre-group select{width:100%;padding:.85rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s}.filtre-group select:hover{border-color:#1e3a5f}.filtre-group select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.reset-btn{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;background:#ff6b6b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.reset-btn:hover{background:#ee5a52;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.filtres-actifs{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.filtres-actifs span:first-child{font-weight:600;color:#666}.filtre-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.filtre-badge button{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .3s}.filtre-badge button:hover{background:#fff6}.produits-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.produit-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s;cursor:pointer}.produit-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #0003}.produit-image-container{position:relative;width:100%;height:250px;overflow:hidden}.produit-marque-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#1e3a5f,#0f1f2e);color:gold;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:.85rem;z-index:2;box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,215,0,.3);text-transform:uppercase;letter-spacing:.5px;transition:all .3s}.produit-card:hover .produit-marque-badge{transform:scale(1.05);box-shadow:0 6px 20px #ffd70066}.produit-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.produit-card:hover .produit-image-container img{transform:scale(1.1)}.produit-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(30,58,95,.9) 100%);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .3s}.produit-card:hover .produit-overlay{opacity:1}.voir-details-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;padding:.75rem 2rem;border:none;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s}.voir-details-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffd70066}.produit-content{padding:1.5rem}.produit-badges{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.badge{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.badge-marque{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff}.badge-type{background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f}.produit-content h3{font-size:1.5rem;color:#1e3a5f;margin-bottom:.75rem;font-weight:700}.produit-description-preview{color:#666;line-height:1.6;font-size:.95rem}.loading-container{text-align:center;padding:5rem 2rem}.spinner{width:60px;height:60px;margin:0 auto 1.5rem;border:5px solid #f3f3f3;border-top:5px solid #1e3a5f;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-size:1.2rem;color:#666}.no-produits{text-align:center;padding:5rem 2rem;background:#fff;border-radius:16px;max-width:600px;margin:0 auto}.no-produits svg{color:#ccc;margin-bottom:1.5rem}.no-produits h3{font-size:1.8rem;color:#1e3a5f;margin-bottom:.5rem}.no-produits p{color:#666;font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s}.modal-content{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s}.modal-close:hover{background:#fff;transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column}.modal-image{width:100%;height:400px;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-details{padding:2.5rem}.modal-details h2{font-size:2.5rem;color:#1e3a5f;margin-bottom:1.5rem;font-weight:700}.modal-badges{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.modal-badges .badge{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.95rem}.modal-description h3{font-size:1.3rem;color:#1e3a5f;margin-bottom:1rem;font-weight:600}.modal-description p{font-size:1.05rem;line-height:1.8;color:#555}.modal-datasheet{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.datasheet-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:1rem 1.75rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px #2563eb33}.datasheet-btn:hover{transform:translateY(-2px);box-shadow:0 8px 12px #2563eb4d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.datasheet-btn svg{width:20px;height:20px}@media (max-width: 768px){.produits-container{padding:120px 1rem 2rem}.produits-header h1{font-size:2rem}.produits-header p{font-size:1rem}.filtres-container{flex-direction:column;padding:1.5rem}.filtre-group{width:100%}.reset-btn{width:100%;justify-content:center}.produits-grid{grid-template-columns:1fr;gap:1.5rem}.modal-content{margin:1rem}.modal-details{padding:1.5rem}.modal-details h2{font-size:1.8rem}.modal-image{height:250px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1e3a5f,gold);padding:140px 20px 20px}.auth-form{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:500px}.auth-form h2{text-align:center;margin-bottom:2rem;color:#1e3a5f;font-size:1.8rem;font-weight:600}.message{padding:1rem 1.2rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;text-align:center;font-size:.95rem;border:1px solid}.message.success{background:#d4edda;color:#155724;border-color:#c3e6cb}.message.error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.form-row{display:flex;gap:1rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;color:#2d3748;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.85rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:gold}.form-group input:required{border-left:3px solid #ffd700}.forgot-password{text-align:right;margin-top:.5rem}.forgot-link{color:#1e3a5f;cursor:pointer;font-size:.85rem;font-weight:500;transition:color .3s}.forgot-link:hover{color:gold;text-decoration:underline}.location-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;padding:1rem 1.2rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;text-align:center;font-size:.9rem}.info-message{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;padding:1rem 1.2rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;text-align:center;font-size:.9rem}.account-type-selection{text-align:center;padding:2rem 0}.selection-title{font-size:1.2rem;font-weight:600;color:#1e3a5f;margin-bottom:2rem}.account-type-buttons{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.account-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2.5rem;border:3px solid transparent;border-radius:12px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;min-width:160px;font-size:1rem;font-weight:600}.account-type-btn svg{margin-bottom:1rem;transition:transform .3s ease}.account-type-btn:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.user-btn{color:#1e3a5f;border-color:#e1e5e9}.user-btn:hover{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border-color:#1e3a5f}.user-btn:hover svg{transform:scale(1.1)}.entreprise-btn{color:gold;border-color:#e1e5e9}.entreprise-btn:hover{background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;border-color:gold}.entreprise-btn:hover svg{transform:scale(1.1)}.back-btn{padding:.75rem 1.5rem;background:transparent;color:#666;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .3s}.back-btn:hover{background:#f8f9fa;border-color:#1e3a5f;color:#1e3a5f}.account-type-badge{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1e3a5f,gold);color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600}.change-type-btn{background:#fff;color:#1e3a5f;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s}.change-type-btn:hover{background:#f8f9fa;transform:scale(1.05)}.form-group select{width:100%;padding:.85rem;border:2px solid #e1e5e9;border-radius:6px;font-size:1rem;transition:border-color .3s;box-sizing:border-box;background:#fff;cursor:pointer}.form-group select:focus{outline:none;border-color:gold}.form-group select:required{border-left:3px solid #ffd700}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#1e3a5f,gold);color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:1rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #1e3a5f4d}.submit-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.toggle-section{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.toggle-section p{color:#666;margin:0}.toggle-link{color:#1e3a5f;cursor:pointer;font-weight:600;transition:color .3s}.toggle-link:hover{color:gold;text-decoration:underline}@media (max-width: 600px){.auth-form{padding:2rem 1.5rem}.form-row{flex-direction:column;gap:0}.account-type-buttons{flex-direction:column;gap:1rem}.account-type-btn{width:100%;min-width:auto;padding:1.5rem}.account-type-badge{flex-direction:column;gap:.5rem;text-align:center}}.profile-page{max-width:1400px;margin:0 auto;padding:140px 20px 20px;min-height:100vh;background:#f7fafc}.profile-header{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:30px;border-left:5px solid #1e3a5f}.profile-avatar{flex-shrink:0}.avatar-circle{width:100px;height:100px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;box-shadow:0 4px 6px #0000001a}.profile-title h1{margin:0 0 5px;font-size:2.5rem;color:#1e3a5f;font-weight:700}.profile-title p{margin:0;color:#718096;font-size:1.1rem}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#1e3a5f}.spinner{width:50px;height:50px;border:4px solid rgba(30,58,95,.3);border-top:4px solid #1e3a5f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.message{padding:15px 20px;border-radius:10px;margin-bottom:20px;font-weight:500;text-align:center}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-content{display:flex;flex-direction:column;gap:30px}.profile-section{background:#fff!important;border-radius:20px;padding:30px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #1e3a5f}.profile-section-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.profile-section-header h2{margin:0;color:#1e3a5f!important;font-size:1.5rem;font-weight:600}.btn-profile-edit,.btn-profile-security{background:#1e3a5f!important;color:#fff!important;border:2px solid #1e3a5f!important;padding:12px 24px!important;border-radius:25px;cursor:pointer;font-weight:600!important;transition:all .3s ease;display:flex!important;align-items:center;gap:8px;font-size:.95rem}.btn-profile-edit:hover,.btn-profile-security:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f66!important;background:#2d5a8f!important;border-color:#2d5a8f!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card{background:#fff!important;padding:20px;border-radius:15px;border:2px solid #e2e8f0!important;border-left:4px solid #1e3a5f!important;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:#cbd5e0!important}.info-card label{display:block!important;color:#718096!important;font-size:.85rem!important;font-weight:600!important;margin-bottom:8px!important;text-transform:uppercase;letter-spacing:.5px}.info-card p{margin:0!important;color:#1a202c!important;font-size:1.2rem!important;font-weight:600!important;line-height:1.4}.security-info{background:#fff3cd;padding:20px;border-radius:15px;border-left:4px solid #1e3a5f}.security-info p{margin:0;color:#856404;font-weight:500}.profile-actions{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 6px #0000001a;text-align:center;border-left:5px solid #1e3a5f}.logout-btn{background:#fff;color:#ff364a;border:2px solid #ff364a;padding:15px 30px;border-radius:25px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.logout-btn:hover{background:#ff364a;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #dc354566}.modal-overlay{position:fixed;inset:0;background:#1e3a5f80;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0003;animation:slideIn .3s ease;border-left:5px solid #1e3a5f}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#1e3a5f;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.close-btn:hover{background:#e2e8f0;color:#2d3748}.edit-form{padding:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;color:#2d3748;font-weight:500;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{padding:12px 15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.form-group input:valid{border-color:#28a745}.modal-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8f0}.profile-page .cancel-btn{background:#718096!important;color:#fff!important;border:2px solid #718096!important;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:600!important;transition:all .15s ease}.profile-page .cancel-btn:hover{background:#4a5568!important;border-color:#4a5568!important;transform:translateY(-1px)}.profile-page .save-btn{background:linear-gradient(135deg,#1e3a5f,#2d5a8f)!important;color:#fff!important;border:2px solid #1e3a5f!important;padding:12px 24px;border-radius:25px;cursor:pointer;font-weight:600!important;transition:all .3s ease}.profile-page .save-btn:hover{background:linear-gradient(135deg,#2d5a8f,#1e3a5f)!important;border-color:#2d5a8f!important;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.profile-layout{display:grid;grid-template-columns:250px 1fr;gap:30px;margin-top:20px}.profile-layout.admin-layout{grid-template-columns:1fr;max-width:100%}.profile-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;height:fit-content;position:sticky;top:160px}.sidebar-item{width:100%;display:flex;align-items:center;gap:12px;padding:15px;border:none;background:transparent;color:#555;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;margin-bottom:8px;text-align:left}.sidebar-item .icon{font-size:1.3rem}.sidebar-item:hover{background:#f5f5f5;color:#1e3a5f}.sidebar-item.active{background:linear-gradient(135deg,#1e3a5f,#2196f3);color:#fff}.sidebar-item.logout-item{margin-top:20px;border-top:1px solid #e0e0e0;padding-top:20px;color:#d32f2f}.sidebar-item.logout-item:hover{background:#ffebee;color:#c62828}.demandes-section,.reclamations-section,.factures-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a}.demandes-section .profile-section-header,.reclamations-section .profile-section-header,.factures-section .profile-section-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.demandes-section .profile-section-header h2,.reclamations-section .profile-section-header h2,.factures-section .profile-section-header h2{margin:0;font-size:1.8rem;color:#333}.profile-page .btn-primary{padding:12px 24px!important;background:#1e3a5f!important;color:#fff!important;border:2px solid #1e3a5f!important;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.profile-page .btn-primary:hover{background:#2d5a8f!important;border-color:#2d5a8f!important;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.loading-spinner{text-align:center;padding:40px;color:#666;font-size:1.1rem}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{font-size:1.1rem;margin-bottom:20px}.demandes-list,.reclamations-list{display:grid;gap:20px}.demande-card,.reclamation-card{border:1px solid #e0e0e0;border-radius:10px;padding:20px;background:#fafafa;transition:all .2s}.demande-card:hover,.reclamation-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.card-header .date{color:#666;font-weight:500}.badge{padding:5px 15px;border-radius:20px;font-size:.875rem;font-weight:600}.badge-info{background:#e3f2fd;color:#1976d2}.card-body p{margin:10px 0;color:#555;line-height:1.6}.card-body h4{margin:0 0 10px;color:#333;font-size:1.2rem}.admin-comment,.admin-response{margin-top:15px;padding:15px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px}.admin-comment strong,.admin-response strong{display:block;color:#1976d2;margin-bottom:8px}.admin-comment p,.admin-response p{margin:0;color:#555}.modal-large{max-width:700px}.checkbox-group label{display:flex;align-items:center;gap:10px;padding:12px;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:all .2s}.checkbox-group label:hover{background:#e3f2fd}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-group span{font-weight:500;color:#333}@media (max-width: 968px){.profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.sidebar-item{margin-bottom:0}.sidebar-item.logout-item{margin-top:0;padding-top:15px;border-top:none}}@media (max-width: 768px){.profile-page{padding:120px 15px 15px}.profile-header{flex-direction:column;text-align:center;padding:30px 20px}.avatar-circle{width:80px;height:80px;font-size:2rem}.profile-title h1{font-size:2rem}.section-header{flex-direction:column;gap:15px;align-items:stretch}.edit-btn{align-self:flex-end}.info-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:15px}.modal-content{width:95%;margin:20px}.modal-header,.edit-form{padding:20px}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.profile-sidebar{grid-template-columns:1fr}.demandes-section,.reclamations-section{padding:20px 15px}.card-header{flex-direction:column;align-items:flex-start;gap:10px}}.factures-section{padding:30px}.factures-list{display:grid;gap:20px}.facture-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.facture-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.facture-header{display:flex;align-items:center;gap:20px;padding-bottom:20px;border-bottom:2px solid #e2e8f0;margin-bottom:20px}.facture-icon{font-size:48px;line-height:1}.facture-info{flex:1}.facture-info h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 8px}.facture-date{color:#718096;font-size:.9rem}.facture-montant{text-align:right}.montant-label{display:block;font-size:.85rem;color:#718096;margin-bottom:4px}.montant-value{display:block;font-size:1.75rem;font-weight:700;color:#10b981}.facture-description{background:#f7fafc;padding:15px;border-radius:8px;margin-bottom:20px}.facture-description p{margin:0;color:#4a5568;font-style:italic}.facture-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border-radius:6px}.detail-item .label{font-weight:500;color:#4a5568}.detail-item .value{font-weight:600;color:#2d3748}.facture-actions{display:flex;justify-content:flex-end;padding-top:15px;border-top:1px solid #e2e8f0}.profile-page .btn-download{padding:12px 24px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:2px solid #667eea!important;border-radius:8px;font-weight:600!important;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center;gap:8px}.profile-page .btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.facture-header{flex-direction:column;align-items:flex-start;gap:15px}.facture-montant{text-align:left;width:100%}.facture-details{grid-template-columns:1fr}}.demande-devis-page{min-height:100vh;background:var(--light-gray);color:var(--text-dark);scroll-margin-top:110px;overflow-x:hidden}.devis-hero{width:100vw;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;padding:60px 20px;text-align:center;position:relative;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.devis-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffd700' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.devis-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.devis-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2}.devis-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);opacity:.95;max-width:600px;margin:0 auto;line-height:1.6}.devis-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.devis-hero p{font-size:1.2rem;opacity:.95;max-width:700px;margin:0 auto}.devis-content{padding:40px 20px;max-width:1200px}.auth-required-message{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 2px 10px #00000014}.message-icon{font-size:4rem;margin-bottom:20px}.auth-required-message h2{color:#333;margin-bottom:15px}.auth-required-message p{color:#666;font-size:1.1rem;margin-bottom:30px}.devis-intro{display:grid;gap:40px}.intro-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 10px #00000014}.intro-content h2{color:#333;font-size:2rem;margin-bottom:30px}.benefits-list{list-style:none;padding:0;margin:0 0 40px}.benefits-list li{display:flex;align-items:flex-start;gap:20px;padding:20px;margin-bottom:15px;background:#f8f9fa;border-radius:8px;transition:transform .2s,box-shadow .2s}.benefits-list li:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.benefits-list .icon{font-size:2.5rem;flex-shrink:0}.benefits-list strong{display:block;color:#333;font-size:1.2rem;margin-bottom:5px}.benefits-list p{color:#666;margin:0}.mes-demandes-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014}.mes-demandes-section h3{color:#333;font-size:1.5rem;margin-bottom:20px}.demandes-list{display:grid;gap:15px}.demande-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fafafa}.demande-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.demande-date{color:#666;font-weight:500}.badge{padding:5px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-warning{background:#fff3e0;color:#e65100}.badge-danger{background:#ffebee;color:#c62828}.demande-details p{margin:8px 0;color:#555}.commentaire-admin{margin-top:15px;padding:15px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px}.commentaire-admin strong{color:#1976d2;display:block;margin-bottom:8px}.commentaire-admin p{color:#555;margin:0}.devis-form-container{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 10px #00000014}.btn-back{background:none;border:none;color:#ff5722;font-size:1rem;cursor:pointer;padding:8px 16px;margin-bottom:20px;transition:background .2s;border-radius:6px}.btn-back:hover{background:#f5f5f5}.devis-form-container h2{color:#333;font-size:2rem;margin-bottom:30px}.devis-form{display:grid;gap:30px}.form-section{padding:25px;background:#f8f9fa;border-radius:8px}.form-section h3{color:#333;font-size:1.4rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #FF5722}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:8px}.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff5722}.form-group select{cursor:pointer;background:#fff}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group small{display:block;color:#666;font-size:.875rem;margin-top:5px}.checkbox-group{margin-bottom:20px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;background:#fff;border-radius:8px;border:2px solid #e0e0e0;transition:all .2s}.checkbox-label:hover{border-color:#ff5722;background:#fff5f2}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{color:#333;font-weight:600;font-size:1rem}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#ff5722;color:#fff}.btn-primary:hover:not(:disabled){background:#e64a19;transform:translateY(-2px);box-shadow:0 4px 12px #ff57224d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-large{padding:16px 40px;font-size:1.1rem}.calcul-result{margin-top:30px;padding:25px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;border:2px solid #2196f3;box-shadow:0 4px 12px #2196f326}.calcul-result h4{color:#1976d2;font-size:1.5rem;margin-bottom:20px;text-align:center}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.result-item{padding:15px;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 6px #00000014;transition:transform .2s}.result-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.result-item.highlight{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800}.result-item.price-item{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.result-label{font-weight:600;color:#555;font-size:.95rem}.result-value{font-size:1.2rem;font-weight:700;color:#1976d2}.result-item.highlight .result-value{color:#e65100}.result-value.price{color:#2e7d32;font-size:1.5rem}.prosol-info{margin-top:20px;padding:20px;background:#fff;border-radius:8px;border-left:4px solid #ff5722}.prosol-info h5{color:#ff5722;font-size:1.2rem;margin-bottom:15px}.prosol-info ul{list-style:none;padding:0;margin:0}.prosol-info li{padding:10px;margin-bottom:8px;background:#f8f9fa;border-radius:6px;color:#333;font-weight:500}.prosol-info li strong{color:#ff5722}@media (max-width: 768px){.devis-hero{padding:60px 20px 40px}.devis-hero h1{font-size:2rem}.devis-hero p{font-size:1rem}.devis-content{padding:20px 15px}.intro-content,.devis-form-container,.mes-demandes-section{padding:25px 20px}.intro-content h2,.devis-form-container h2{font-size:1.5rem}.benefits-list li{flex-direction:column;gap:10px}.benefits-list .icon{font-size:2rem}.form-section{padding:20px 15px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.demande-header{flex-direction:column;align-items:flex-start;gap:10px}.result-grid{grid-template-columns:1fr}.calcul-result h4{font-size:1.2rem}.result-value{font-size:1.1rem}.result-value.price{font-size:1.3rem}}:root{--primary-blue: #1e3a5f;--primary-blue-dark: #0f1f2e;--primary-yellow: #ffd700;--secondary-yellow: #ffb700;--accent-orange: #ff8c00;--light-blue: #e8f4fd;--dark-blue: #0f1f2e;--white: #ffffff;--light-gray: #f8f9fa;--medium-gray: #6c757d;--dark-gray: #343a40;--text-dark: #2d3748;--text-muted: #4a5568;--gradient-primary: linear-gradient(135deg, var(--primary-blue), var(--primary-yellow));--gradient-secondary: linear-gradient(135deg, var(--secondary-yellow), var(--accent-orange));--gradient-light: linear-gradient(135deg, var(--light-blue), var(--white));--shadow-sm: 0 2px 10px rgba(30, 58, 95, .1);--shadow-md: 0 8px 25px rgba(30, 58, 95, .15);--shadow-lg: 0 15px 40px rgba(30, 58, 95, .2);--transition-smooth: all .3s ease;--transition-fast: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--white);overflow-x:hidden;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column;width:100vw}main{flex:1;width:100%}html{scroll-behavior:smooth;width:100%}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}button:focus,a:focus{outline:2px solid var(--primary-yellow);outline-offset:2px}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.full-width{width:100vw;margin-left:calc(-50vw + 50%)}section{scroll-margin-top:110px;width:100%}@media screen and (max-width: 480px){section{scroll-margin-top:80px}}.hexagon-bg{position:relative;overflow:hidden}.hexagon-bg:before{content:"";position:absolute;inset:-50px;background-image:radial-gradient(circle at 25% 25%,var(--primary-yellow) 2px,transparent 2px),radial-gradient(circle at 75% 75%,var(--secondary-yellow) 1px,transparent 1px);background-size:60px 60px;opacity:.1;z-index:-1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}img{max-width:100%;height:auto}button,input,select,textarea{font-family:inherit}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}@media (max-width: 480px){body{font-size:13px}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.2rem}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{font-size:16px!important}}.container-fluid{width:100%;padding:0 15px}@media (min-width: 576px){.container-fluid{max-width:540px;margin:0 auto}}@media (min-width: 768px){.container-fluid{max-width:720px}}@media (min-width: 992px){.container-fluid{max-width:960px}}@media (min-width: 1200px){.container-fluid{max-width:1140px}}@media (max-width: 768px){::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);padding:30px;border-radius:16px;color:#fff;box-shadow:0 4px 15px #1e3a5f4d;opacity:1!important}.dashboard-header>div{flex:1}.dashboard-header button{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.dashboard-header button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080;background:var(--secondary-yellow, #ffb700)}.backoffice-content{flex:1;margin-left:250px;padding:30px;max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box;background:var(--light-gray, #f8f9fa);min-height:100vh}@media (max-width: 768px){.backoffice-content{margin-left:0;max-width:100vw;padding:20px 15px}.dashboard-header{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.dashboard-header h1{font-size:1.8rem}.dashboard-header button{width:100%}}.backoffice-menu{width:250px;height:100vh;background:var(--primary-blue);color:#fff;padding:20px 0;position:fixed;left:0;top:0;box-shadow:var(--shadow-md);display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease}.menu-header{padding:0 20px 30px;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:20px}.menu-header h2{margin:0 0 5px;font-size:1.5rem;font-weight:600}.menu-header p{margin:0;opacity:.8;font-size:.9rem}.menu-navigation{flex:1;padding:0 10px;transition:transform .3s ease;overflow-y:auto;overflow-x:hidden}.menu-navigation::-webkit-scrollbar{width:6px}.menu-navigation::-webkit-scrollbar-track{background:#ffffff0d}.menu-navigation::-webkit-scrollbar-thumb{background:#1e90ff80;border-radius:3px}.menu-navigation::-webkit-scrollbar-thumb:hover{background:#1e90ffcc}.front-office-section{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;margin-top:20px}.menu-section-title{color:#ffffffb3;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding:0 20px}.front-office-item{background:#ffffff0d}.front-office-item:hover{background:#ffffff26}.menu-item{width:100%;display:flex;align-items:center;padding:12px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:8px;margin-bottom:5px;transition:all .3s ease;font-size:1rem}.menu-item:hover{background:#1e90ff1a;transform:translate(5px)}.menu-item.active{background:#1e90ff33;font-weight:600}.menu-icon{margin-right:12px;font-size:1.2rem}.menu-label{flex:1}.submenu-arrow{margin-left:auto;font-size:.7rem;transition:transform .3s ease}.submenu-arrow.open{transform:rotate(180deg)}.submenu{margin-left:20px;margin-top:5px;margin-bottom:10px;border-left:2px solid rgba(255,255,255,.2)}.submenu-item{width:100%;display:flex;align-items:center;padding:10px 20px;background:none;border:none;color:#ffffffd9;text-align:left;cursor:pointer;border-radius:6px;margin-bottom:3px;transition:all .3s ease;font-size:.95rem}.submenu-item:hover{background:#1e90ff26;color:#fff;transform:translate(3px)}.submenu-item.active{background:#1e90ff40;color:#fff;font-weight:600}.submenu-label{padding-left:10px}.menu-footer{padding:20px 10px 0;border-top:1px solid rgba(255,255,255,.2);margin-top:auto}.logout-btn{color:var(--accent-orange)!important}.logout-btn:hover{background:#ff8c001a!important}.backoffice-nav-toggle{display:none;position:fixed;bottom:30px;right:30px;background:transparent;border:none;padding:10px;cursor:pointer;z-index:1001;transition:var(--transition-smooth);width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.backoffice-nav-toggle span{width:25px;height:3px;background:var(--primary-blue);border-radius:2px;transition:all .3s ease;transform-origin:center}.backoffice-nav-toggle:hover span{background:var(--primary-blue-dark)}.backoffice-nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.backoffice-nav-toggle.active span:nth-child(2){opacity:0}.backoffice-nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-backdrop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}@media (max-device-width: 1024px){.backoffice-menu{width:200px}}@media (max-device-width: 768px){.backoffice-menu{transform:translate(-100%);width:280px;z-index:1000}.backoffice-menu.active{transform:translate(0)}.menu-backdrop{display:block}.backoffice-nav-toggle{display:flex;flex-direction:column;justify-content:space-around;align-items:center;bottom:30px;right:30px;width:30px;height:30px}.menu-header{padding:0 20px 20px}.menu-header h2{font-size:1.3rem}.menu-navigation{padding:0}.menu-item{justify-content:flex-start;padding:12px 20px;margin:0;width:100%}.menu-icon{margin-right:12px;font-size:1.1rem}.menu-label{display:block;font-size:.9rem}.menu-footer{border-top:1px solid rgba(255,255,255,.2);padding:10px 0}.logout-btn{width:100%;justify-content:flex-start;padding:12px 20px}}@media (max-device-width: 480px){.backoffice-menu{width:260px}.backoffice-nav-toggle{bottom:20px;right:20px;width:25px;height:25px}.backoffice-nav-toggle span{width:20px;height:2px}.menu-item{padding:10px 15px}.menu-icon{font-size:1rem;margin-right:10px}.menu-label{font-size:.85rem}.menu-footer{padding:5px 0}.logout-btn{padding:10px 15px;font-size:.85rem}}@media (max-device-width: 360px){.backoffice-menu{width:240px}.menu-header{padding:15px}.menu-header h2{font-size:1.2rem}.menu-header p{font-size:.8rem}.menu-item{padding:8px 12px;font-size:.9rem}.menu-icon{font-size:1rem;margin-right:8px}.menu-label{font-size:.85rem}.menu-footer{padding:10px 0}.logout-btn{padding:8px 12px;font-size:.85rem}.backoffice-nav-toggle{bottom:15px;right:15px;width:25px;height:25px}.backoffice-nav-toggle span{width:18px;height:2px}}.dashboard-container{display:flex;min-height:100vh;background:var(--light-gray, #f8f9fa);overflow-x:hidden}.dashboard-container .dashboard-header,.dashboard-container .stat-card,.dashboard-container .chart-card,.dashboard-container .stat-box{opacity:0}.dashboard-content{flex:1;margin-left:250px;padding:30px;max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);padding:30px;border-radius:16px;color:#fff;box-shadow:0 4px 15px #1e3a5f4d}.dashboard-header h1{margin:0;font-size:2.2rem;font-weight:700;color:#fff!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.dashboard-header p{margin:5px 0 0;font-size:1rem;opacity:1;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.refresh-btn{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080;background:var(--secondary-yellow, #ffb700)}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:var(--shadow-sm, 0 2px 10px rgba(30, 58, 95, .1));transition:all .3s ease;border-left:4px solid}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md, 0 8px 25px rgba(30, 58, 95, .15))}.stat-card.blue{border-color:var(--primary-blue, #1e3a5f)}.stat-card.green{border-color:#00c49f}.stat-card.orange{border-color:var(--accent-orange, #ff8c00)}.stat-card.purple{border-color:var(--primary-yellow, #ffd700)}.stat-value{font-size:2.5rem;font-weight:700;color:#2d3748!important;margin-bottom:8px}.stat-label{font-size:1rem;color:#1e3a5f!important;font-weight:600;margin-bottom:5px}.stat-period{font-size:.85rem;color:#6c757d!important;font-weight:500}.period-selector{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:8px;border-radius:12px;box-shadow:var(--shadow-sm, 0 2px 10px rgba(30, 58, 95, .1))}.period-selector button{flex:1;padding:12px 20px;border:none;background:transparent;color:var(--text-muted, #4a5568);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease}.period-selector button:hover{background:var(--light-gray, #f8f9fa)}.period-selector button.active{background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);color:#fff}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:25px;margin-bottom:30px}.chart-card{background:#fff;padding:25px;border-radius:12px;box-shadow:var(--shadow-sm, 0 2px 10px rgba(30, 58, 95, .1))}.chart-card h3{margin:0 0 20px;color:var(--primary-blue, #1e3a5f);font-size:1.2rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid var(--primary-yellow, #ffd700)}.chart-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;padding-top:15px;border-top:1px solid var(--light-gray, #f8f9fa)}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted, #4a5568)}.legend-dot{width:12px;height:12px;border-radius:50%}.additional-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-box{background:#fff;padding:25px;border-radius:12px;text-align:center;box-shadow:var(--shadow-sm, 0 2px 10px rgba(30, 58, 95, .1));transition:all .3s ease;border-top:4px solid var(--primary-yellow, #ffd700)}.stat-box:hover{transform:translateY(-5px);box-shadow:var(--shadow-md, 0 8px 25px rgba(30, 58, 95, .15))}.stat-box h4{margin:0 0 15px;color:var(--text-muted, #4a5568);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.stat-big{font-size:2.5rem;font-weight:700;color:var(--primary-blue, #1e3a5f);margin-bottom:8px}.stat-box p{margin:0;color:var(--medium-gray, #6c757d);font-size:.85rem}.loading-spinner,.error-message{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.3rem;color:var(--text-muted, #4a5568)}.error-message{color:#e74c3c}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard-content{margin-left:200px;max-width:calc(100vw - 200px)}}@media (max-width: 768px){.dashboard-content{margin-left:0;padding:20px;max-width:100vw}.dashboard-header{flex-direction:column;gap:15px;text-align:center;padding:20px}.dashboard-header h1{font-size:1.8rem}.stats-cards{grid-template-columns:1fr}.period-selector{flex-direction:column}.charts-grid{grid-template-columns:1fr}.additional-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-content,.dashboard-header{padding:15px}.dashboard-header h1{font-size:1.5rem}.stat-value,.stat-big{font-size:2rem}.chart-card{padding:15px}.additional-stats{grid-template-columns:1fr}}.contact-management{display:flex;flex-direction:row;min-height:100vh;background:#f8f9fa;overflow-x:hidden}.contact-content{flex:1;margin-left:250px;padding:30px;max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.contact-content .dashboard-header,.content-header{margin-bottom:30px}.content-header h1{color:#1e3a5f;font-size:2.5rem;margin-bottom:10px}.content-header p{color:#4a5568;font-size:1.1rem}.contacts-table,.types-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #1e3a5f14}thead{background:#f8f9fa}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}th{font-weight:600;color:#1e3a5f}td{color:#4a5568}tbody tr:hover{background:#f8f9fa}.loading{text-align:center;padding:40px;color:#4a5568;font-size:1.1rem}.modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#4a5568}.modal-close:hover{color:#1e3a5f}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#1e3a5f}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e3a5f}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}@media (max-width: 1024px){.contact-content{margin-left:200px;padding:25px}}@media (max-width: 768px){.contact-content{margin-left:0;padding:20px}.form-row{flex-direction:column;gap:0}.modal{width:95%;margin:20px}.modal-actions{flex-direction:column}.btn-edit,.btn-delete{display:block;width:100%;margin-bottom:8px;margin-right:0}table{font-size:.9rem}th,td{padding:8px 12px}.tabs{flex-wrap:wrap}.tab-button{flex:1;min-width:120px;text-align:center}}@media (max-width: 480px){.contact-content{padding:15px 10px}.content-header h1{font-size:1.8rem}table{font-size:.8rem}th,td{padding:6px 8px}.modal{width:98%;margin:10px;padding:15px}.modal-header h2{font-size:1.2rem}.form-group input,.form-group textarea,.form-group select{font-size:16px}}.btn-detail{background:#1e3a5f;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;margin-right:5px;transition:background-color .3s ease}.btn-detail:hover{background:#0f1f2e}.detail-modal .modal{max-width:600px;width:90vw}.contact-detail-card{background:#fff;border-radius:8px;padding:0}.detail-section{padding:20px;border-bottom:1px solid #e0e0e0}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#1e3a5f;font-size:1.2rem;margin-bottom:15px;font-weight:600}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0}.detail-label{font-weight:500;color:#1e3a5f;min-width:140px}.detail-value{color:#4a5568;text-align:right;flex:1}.message-content{background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #1e3a5f;white-space:pre-wrap;line-height:1.5;color:#1e3a5f}.action-buttons{display:flex;gap:5px;flex-wrap:wrap}.status-indicator{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:12px;font-size:.85rem;font-weight:500}.status-indicator.responded{background-color:#d4edda;color:#155724}.status-indicator.pending{background-color:#fff3cd;color:#856404}.response-status{color:#28a745;font-size:.9rem;margin-left:10px}.response-content{background:#d4edda;padding:15px;border-radius:6px;border-left:4px solid #28a745;white-space:pre-wrap;line-height:1.5;color:#155724}.no-response{background:#fff3cd;padding:15px;border-radius:6px;border-left:4px solid #ffc107;color:#856404}.btn-add-response{background:#1e3a5f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:10px;transition:background-color .3s ease}.btn-add-response:hover{background:#0f1f2e}.response-form-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:15px}.response-form-card h4{color:#1e3a5f;margin-bottom:15px;font-size:1.1rem}.response-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.btn-response{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.btn-response:hover{background:#218838}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.btn-cancel:hover{background:#545b62}.btn-save{background:#1e3a5f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.btn-save:hover{background:#0f1f2e}@media (max-width: 360px){.contact-content{padding:10px 8px}.content-header{margin-bottom:20px}.content-header h1{font-size:1.5rem;margin-bottom:8px}.content-header p{font-size:.9rem}.tabs{margin-bottom:15px}.tab-button{padding:8px 12px;font-size:.85rem;min-width:100px}table{font-size:.75rem}th,td{padding:4px 6px}.modal{width:100%;margin:5px;padding:12px;border-radius:6px}.modal-header h2{font-size:1.1rem;margin-bottom:15px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{padding:10px;font-size:16px}.form-actions{gap:8px;margin-top:15px}.btn-primary,.btn-secondary{flex:1;padding:10px;font-size:.9rem}.detail-modal .modal{max-width:none;width:95%}.contact-detail-card{padding:0}.detail-section{padding:15px}.detail-section h3{font-size:1.1rem;margin-bottom:12px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-label{min-width:auto;font-size:.9rem}.detail-value{text-align:left;font-size:.9rem}.message-content,.response-content,.no-response{padding:12px;font-size:.9rem}.response-actions{flex-direction:column;gap:8px}.btn-response,.btn-cancel,.btn-save{width:100%;padding:12px}}.locations-management{min-height:100vh;background:var(--light-gray);overflow-x:hidden}.locations-content{margin-left:250px;padding:30px;overflow-x:hidden;box-sizing:border-box;max-width:calc(100vw - 250px)}.content-header{margin-bottom:30px}.content-header h1{color:var(--text-dark);font-size:2.5rem;margin-bottom:10px}.content-header p{color:var(--text-muted);font-size:1.1rem}.tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--border-color)}.tab-button{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-button:hover{color:var(--primary-blue)}.tab-button.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.status-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;border:1px solid}.status-message.success{background:#d4edda;color:#155724;border-color:#c3e6cb}.status-message.error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.content-actions{margin-bottom:20px}.btn-primary{background:var(--primary-blue);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background .3s ease}.btn-primary:hover{background:var(--primary-blue-dark)}.btn-secondary{background:var(--light-gray);color:var(--text-dark);border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--border-color)}.locations-table,.partners-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}thead{background:var(--light-gray)}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;color:var(--text-dark)}td{color:var(--text-muted)}tbody tr:hover{background:var(--light-gray)}.partner-logo-preview{width:50px;height:50px;object-fit:contain;border-radius:4px}.primary-badge{background:var(--primary-blue);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.btn-edit,.btn-delete{padding:6px 12px;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;margin-right:8px;transition:all .3s ease}.btn-edit{background:var(--primary-blue);color:#fff}.btn-edit:hover{background:var(--primary-blue-dark)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text-dark)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.modal-close:hover{color:var(--text-dark)}.modal-form{padding:20px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-dark)}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:auto;margin:0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .3s ease}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}@media (max-width: 1024px){.locations-content{margin-left:200px;padding:25px}}@media (max-width: 768px){.locations-content{margin-left:0;padding:20px}.form-row{flex-direction:column;gap:0}.modal{width:95%;margin:20px}.modal-actions{flex-direction:column}.btn-edit,.btn-delete{display:block;width:100%;margin-bottom:8px;margin-right:0}table{font-size:.9rem}th,td{padding:8px 12px}.partner-logo-preview{width:40px;height:40px}.location-filters{flex-direction:column;gap:10px}.filter-group{width:100%}}@media (max-width: 480px){.locations-content{padding:15px 10px}.content-header h1{font-size:1.8rem}table{font-size:.8rem}th,td{padding:6px 8px}.modal{width:98%;margin:10px;padding:15px}.modal-header h2{font-size:1.2rem}.partner-logo-preview{width:30px;height:30px}}@media (max-width: 360px){.locations-content{padding:10px 8px}.content-header{margin-bottom:20px}.content-header h1{font-size:1.5rem;margin-bottom:8px}.content-header p{font-size:.9rem}.location-filters{gap:10px}.filter-group{flex:1;min-width:120px}.filter-group input,.filter-group select{font-size:16px}table{font-size:.75rem}th,td{padding:4px 6px}.modal{width:100%;margin:5px;padding:12px;border-radius:6px}.modal-header h2{font-size:1.1rem;margin-bottom:15px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{padding:10px;font-size:16px}.partner-logo-preview{width:25px;height:25px}.form-actions{gap:8px;margin-top:15px}.btn-primary,.btn-secondary{flex:1;padding:10px;font-size:.9rem}}.profile-admin-container{display:flex;min-height:100vh;overflow-x:hidden}.profile-admin-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.profile-header{margin-bottom:30px}.profile-header h1{color:var(--text-dark);font-size:2.5rem;margin-bottom:10px}.profile-header p{color:var(--text-muted);font-size:1.1rem}.profile-form{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.form-section{margin-bottom:30px}.form-section h2{color:var(--text-dark);font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-blue)}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.btn-save,.btn-cancel{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}@media (max-width: 1024px){.profile-admin-content{margin-left:200px;padding:25px}}@media (max-width: 768px){.profile-admin-content{margin-left:0;padding:20px 15px}.profile-header h1{font-size:2rem}.profile-form{padding:20px}.form-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%}.form-row{flex-direction:column;gap:15px}.form-group{width:100%}}@media (max-width: 480px){.profile-admin-content{padding:15px 10px}.profile-header h1{font-size:1.8rem}.profile-form{padding:15px}.form-group input,.form-group textarea{font-size:16px}.btn-save,.btn-cancel{padding:12px;font-size:1rem}}@media (max-width: 360px){.profile-admin-content{padding:10px 8px}.profile-header{margin-bottom:20px}.profile-header h1{font-size:1.5rem;margin-bottom:8px}.profile-header p{font-size:.9rem}.profile-form{padding:12px;border-radius:6px}.form-group{margin-bottom:12px}.form-group label{font-size:.9rem;margin-bottom:4px}.form-group input,.form-group textarea{padding:10px;font-size:16px}.form-actions{gap:8px;margin-top:15px}.btn-save,.btn-cancel{flex:1;padding:12px;font-size:.95rem}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.detail-user-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.detail-user-modal{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90%;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.detail-user-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.detail-user-header h2{margin:0;color:#2d3748}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#718096}.close-btn:hover{color:#2d3748}.detail-user-content{padding:20px;display:flex;flex-direction:column;gap:20px}.user-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.user-info p{margin:0;padding:8px 0;border-bottom:1px solid #f7fafc}.user-map{width:100%;border-radius:8px;overflow:hidden}.users-management-container{display:flex;min-height:100vh;overflow-x:hidden}.users-management-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.users-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start}.users-header h1{color:var(--text-dark);font-size:2.5rem;margin-bottom:10px}.users-header p{color:var(--text-muted);font-size:1.1rem;margin-bottom:0}.btn-add-user{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-add-user:hover{background:var(--primary-blue-dark);transform:translateY(-2px)}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:15px;text-align:left;border-bottom:1px solid #e2e8f0}.users-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr:hover{background:#f7fafc}.role-badge,.status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;text-transform:capitalize}.btn-detail,.btn-edit,.btn-convert,.btn-delete{padding:6px 12px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-detail{background:var(--primary-blue);color:#fff}.btn-detail:hover{background:var(--secondary-blue)}.btn-edit{background:var(--primary-yellow);color:var(--text-dark)}.btn-edit:hover{background:var(--secondary-yellow)}.btn-convert{background:#48bb78;color:#fff}.btn-convert:hover{background:#38a169}@media (max-width: 1024px){.users-management-content{margin-left:200px;padding:25px}}@media (max-width: 768px){.users-management-content{margin-left:0;padding:20px 15px}.users-header{flex-direction:column;align-items:stretch}.users-header h1{font-size:2rem}.btn-add-user{margin-top:15px;align-self:flex-start}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.action-buttons{flex-direction:column;gap:4px}.modal-content{width:95%;max-width:none}.form-row{flex-direction:column;gap:15px}.form-group{width:100%}}@media (max-width: 480px){.users-management-content{padding:15px 10px}.users-header h1{font-size:1.8rem}.users-table th,.users-table td{padding:10px 8px;font-size:.85rem}.btn-add-user{padding:10px 16px;font-size:.9rem}.modal-content{width:98%;margin:10px;padding:15px}.modal-header h2{font-size:1.2rem}}@media (max-width: 360px){.users-management-content{padding:10px 8px}.users-header{margin-bottom:20px}.users-header h1{font-size:1.5rem;margin-bottom:8px}.users-header p{font-size:.9rem}.btn-add-user{width:100%;padding:12px;font-size:.95rem;margin-top:10px}.users-table th,.users-table td{padding:8px 6px;font-size:.8rem}.users-table th,.users-table td:first-child{padding-left:8px}.users-table th,.users-table td:last-child{padding-right:8px}.modal-content{width:100%;margin:5px;padding:12px;border-radius:6px}.modal-header h2{font-size:1.1rem;margin-bottom:15px}.form-group input,.form-group select{padding:10px;font-size:16px}.form-actions{gap:8px}.btn-save,.btn-cancel{flex:1;padding:10px;font-size:.9rem}}.modal-header h2{margin:0;color:var(--text-dark);font-size:1.4rem}.modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:var(--transition-fast)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8f9fa;border-radius:0 0 12px 12px}.btn-save,.btn-cancel,.btn-delete-confirm{padding:10px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-save:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}.btn-cancel{background:var(--light-gray);color:var(--text-dark)}.btn-cancel:hover{background:#e2e8f0}.btn-delete-confirm{background:#e53e3e;color:#fff}.btn-delete-confirm:hover{background:#c53030;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-message{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #e53e3e}.success-message{background:#c6f6d5;color:#276749;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #48bb78}.modal-content{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-close{background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#f7fafc;color:var(--text-dark)}.modal-body{padding:24px}.warning-text{color:#e53e3e;font-weight:500;margin-top:8px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0}.btn-cancel{background:#e2e8f0;color:var(--text-dark);border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-save{background:var(--primary-blue);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-delete-confirm{background:#e53e3e;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-delete-confirm:hover{background:#c53030}.delete-modal .modal-content{max-width:400px}.delete-modal .modal-body{text-align:center}form{padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:var(--text-dark);font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a5f1a}.clients-management-container{display:flex;min-height:100vh;overflow-x:hidden}.clients-management-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.clients-header{margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);padding:30px;border-radius:16px;color:#fff;box-shadow:0 4px 15px #1e3a5f4d}.clients-header h1{color:#fff!important;font-size:2.5rem;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.clients-header p{color:#fff!important;font-size:1.1rem;margin-bottom:20px;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.btn-add-client,.btn-import,.btn-export{border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-add-client{background:var(--primary-blue, #1e3a5f);color:#fff;box-shadow:0 2px 8px #1e3a5f33}.btn-add-client:hover{background:var(--primary-blue-dark, #0f1f2e);transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.btn-export{background:#10b981;color:#fff;font-weight:600;box-shadow:0 2px 8px #10b9814d}.btn-export:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.filters-container{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.filter-search{flex:2;min-width:250px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem}.filter-select,.filter-input{flex:1;min-width:150px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem}.btn-reset-filters{padding:12px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-reset-filters:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.clients-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.clients-table{width:100%;border-collapse:collapse}.clients-table th,.clients-table td{padding:15px;text-align:left;border-bottom:1px solid #e2e8f0}.clients-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.clients-table tbody tr:hover{background:#f7fafc}.action-buttons{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:nowrap}.btn-detail,.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;opacity:1!important;min-width:80px;text-align:center}.btn-detail{background:#1e3a5f!important;color:#fff!important}.btn-detail:hover{background:#0f1f2e!important;transform:translateY(-1px);box-shadow:0 2px 8px #1e3a5f4d}.btn-edit{background:gold!important;color:#1e3a5f!important;font-weight:600}.btn-edit:hover{background:#ffb700!important;transform:translateY(-1px);box-shadow:0 2px 8px #ffd70066}.btn-delete{background:#f56565!important;color:#fff!important}.btn-delete:hover{background:#e53e3e!important;transform:translateY(-1px);box-shadow:0 2px 4px #f5656566}.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-content.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:15px}.modal-header h2{color:var(--text-dark);font-size:1.8rem;margin:0}.modal-close{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.form-group{flex:1;display:flex;flex-direction:column;margin-bottom:15px}.form-group label{font-weight:600;color:var(--text-dark);margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue)}.btn-save:hover{background:var(--primary-blue-dark)}.btn-delete-confirm{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;background:#f56565;color:#fff;transition:all .3s ease}.btn-delete-confirm:hover{background:#e53e3e}.delete-modal .modal-body{padding:20px 0}.delete-modal .modal-body p{margin-bottom:15px;font-size:1.1rem}.warning-text{color:#f56565;font-weight:500}.import-info{background:#e6f2ff;padding:20px;border-radius:8px;margin-bottom:20px}.import-info h3{color:var(--primary-blue);margin-bottom:10px}.import-info ul{margin:10px 0;padding-left:20px}.import-info li{margin:5px 0}.import-result{background:#f0fdf4;padding:15px;border-radius:8px;border:1px solid #86efac;margin-top:15px}.import-result h3{color:#166534;margin-bottom:10px}.import-errors{background:#fef2f2;padding:10px;border-radius:6px;margin-top:10px}.import-errors ul{margin:5px 0;padding-left:20px;color:#991b1b}.pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:25px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.pagination-btn{padding:10px 18px;background:linear-gradient(135deg,#1e3a5f,#2a5282);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 2px 5px #1e3a5f33}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#2a5282,#1e3a5f);transform:translateY(-2px);box-shadow:0 4px 8px #1e3a5f4d}.pagination-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.pagination-info{padding:10px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:6px;font-weight:600;color:#1e3a5f;font-size:.95rem;border:1px solid #bae6fd}@media (max-width: 1024px){.clients-management-content{margin-left:200px;padding:25px}}@media (max-width: 768px){.clients-management-content{margin-left:0;padding:20px 15px}.clients-header h1{font-size:2rem}.header-actions,.filters-container{flex-direction:column}.filter-search,.filter-select,.filter-input{width:100%}.clients-table-container{overflow-x:auto}.clients-table{min-width:900px}.action-buttons{flex-direction:column;gap:4px}.modal-content{width:95%;max-width:none}.form-row{flex-direction:column}}.detail-client-container{display:flex;min-height:100vh;overflow-x:hidden}.detail-client-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray, #f8f9fa);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.detail-client-v2{max-width:1400px;margin:0 auto}.detail-client-header{padding:30px;border-bottom:none;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);color:#fff;box-shadow:0 4px 15px #1e3a5f4d;border-radius:16px;margin-bottom:30px}.btn-back{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:15px;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translate(-3px)}.detail-client-header h2{margin:0;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.client-subtitle{margin:10px 0 0;font-size:1.1rem;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.close-btn{cursor:pointer;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.error-message,.success-message{margin:15px 30px;padding:12px 16px;border-radius:8px;font-weight:500}.tabs-container{display:flex;background:#fff;border-bottom:none;padding:0;gap:10px;margin-bottom:30px}.tab-btn{background:#fff;border:none;padding:15px 25px;font-size:1rem;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000000d}.tab-btn:hover{color:var(--primary-blue, #1e3a5f);background:#1e3a5f0d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);font-weight:600;box-shadow:0 4px 12px #1e3a5f4d}.tab-content{padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow-y:auto;flex:1}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;padding:15px;background:#f7fafc;border-radius:8px;border-left:4px solid var(--primary-blue, #1e3a5f);box-shadow:0 1px 3px #1e3a5f14}.info-item strong{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.info-item span{color:var(--text-dark);font-size:1.1rem;font-weight:500}.produits-section,.contrats-section,.compte-section{min-height:400px}.section-header{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:25px;position:relative;z-index:10}.section-header h3{font-size:1.5rem;color:var(--text-dark);margin:0}.detail-client-container .section-header .btn-add-small,.detail-client-container button.btn-add-small,.produits-section button.btn-add-small,.contrats-section button.btn-add-small{background:#1e3a5f!important;background-color:#1e3a5f!important;color:#fff!important;border:1px solid #1e3a5f!important;padding:10px 18px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1e3a5f33;position:relative;z-index:10;display:inline-block}.detail-client-container .section-header .btn-add-small:hover,.detail-client-container button.btn-add-small:hover,.produits-section button.btn-add-small:hover,.contrats-section button.btn-add-small:hover{background:#0f1f2e!important;background-color:#0f1f2e!important;border-color:#0f1f2e!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.empty-message,.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:1.1rem}.produits-list,.contrats-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.produit-card,.contrat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;transition:all .3s ease}.produit-image{width:100%;height:200px;margin-bottom:15px;border-radius:8px;overflow:hidden}.produit-image img{width:100%;height:100%;object-fit:cover}.produit-card:hover,.contrat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.produit-header,.contrat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.produit-header h4,.contrat-header h4{margin:0;color:var(--text-dark);font-size:1.2rem}.statut-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;text-transform:capitalize}.produit-details,.contrat-details{margin-bottom:15px}.produit-details p,.contrat-details p{margin:8px 0;color:var(--text-dark)}.produit-actions,.contrat-actions{display:flex;justify-content:flex-end;gap:10px}.btn-view-small{background:var(--primary-blue, #1e3a5f);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-view-small:hover{background:var(--primary-blue-dark, #0f1f2e);transform:translateY(-1px);box-shadow:0 2px 8px #1e3a5f4d}.btn-edit-small{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.btn-edit-small:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-add-echeance-small{background:#8b5cf6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.btn-add-echeance-small:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-delete-small{background:#f56565;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-delete-small:hover{background:#e53e3e}.detail-produit-content{max-height:70vh;overflow-y:auto}.detail-section{margin-bottom:25px;padding:20px;background:#f7fafc;border-radius:8px;border-left:4px solid var(--primary-blue)}.detail-section h4{margin:0 0 15px;color:var(--text-dark);font-size:1.1rem}.info-item.full-width{grid-column:1 / -1}.text-content{background:#fff;padding:12px;border-radius:6px;color:var(--text-dark);line-height:1.6;margin:5px 0 0}.price-highlight{color:var(--primary-blue);font-size:1.2rem;font-weight:700}.garantie-active{color:#10b981;font-weight:600}.garantie-expiree{color:#ef4444;font-weight:600}.documents-list{display:flex;flex-direction:column;gap:10px}.document-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.document-item span{font-weight:500;color:var(--text-dark)}.document-item small{color:var(--text-muted);font-size:.85rem}.btn-download{background:var(--primary-blue);color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-size:.85rem;transition:all .3s ease}.btn-download:hover{background:var(--primary-blue-dark)}.echeances-section{margin-top:20px;padding-top:15px;border-top:2px solid #e2e8f0}.echeances-section h5{color:var(--text-dark);margin-bottom:15px}.echeances-list{display:flex;flex-direction:column;gap:10px}.echeance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border-radius:6px;border-left:4px solid #cbd5e0}.echeance-item small{display:block;color:var(--text-muted);font-size:.85rem}.echeance-statut{padding:4px 10px;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;margin-right:10px}.btn-payer{background:#10b981;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-payer:hover{background:#059669}.compte-actif,.compte-inactif{max-width:600px}.success-box,.warning-box{padding:20px;border-radius:8px;margin-bottom:25px}.success-box{background:#d1fae5;border:2px solid #6ee7b7;color:#065f46}.warning-box{background:#fef3c7;border:2px solid #fcd34d;color:#92400e}.success-box strong,.warning-box strong{display:block;margin-bottom:10px;font-size:1.2rem}.email-update-row{display:flex;gap:10px}.email-update-row input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem}.btn-update{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f);border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ffd7004d}.btn-update:hover{background:var(--secondary-yellow, #ffb700);transform:translateY(-1px);box-shadow:0 4px 12px #ffd70080}.activation-options h4{color:var(--text-dark);margin-bottom:15px}.radio-group{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.radio-group label{display:flex;align-items:flex-start;padding:15px;background:#f7fafc;border-radius:8px;cursor:pointer;transition:all .3s ease}.radio-group label:hover{background:#e2e8f0}.radio-group input[type=radio]{margin-right:12px;margin-top:2px}.radio-group strong{display:block;color:var(--text-dark);margin-bottom:5px}.radio-group small{display:block;color:var(--text-muted);font-size:.9rem}.form-group label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-group input{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary-blue)}.btn-create-compte{background:var(--primary-blue, #1e3a5f);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 8px #1e3a5f33}.btn-create-compte:hover{background:var(--primary-blue-dark, #0f1f2e);transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.modal-overlay-small{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:3000}.modal-content-small{background:#fff;border-radius:12px;padding:25px;width:90%;max-width:600px;max-height:85vh;overflow-y:auto}.modal-content-small.modal-large{max-width:800px}.modal-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:15px}.modal-header-small h3{color:var(--text-dark);font-size:1.5rem;margin:0}.close-btn-small{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.close-btn-small:hover{color:var(--text-dark);transform:rotate(90deg)}.form-row{display:flex;gap:15px;margin-bottom:15px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.btn-cancel,.btn-save{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#e2e8f0;color:var(--text-dark)}.btn-save{background:var(--primary-blue, #1e3a5f);color:#fff;box-shadow:0 2px 8px #1e3a5f33}.btn-save:hover{background:var(--primary-blue-dark, #0f1f2e);transform:translateY(-1px);box-shadow:0 4px 12px #1e3a5f4d}@media (max-width: 768px){.detail-client-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.detail-client-header{padding:20px}.detail-client-header h2{font-size:1.5rem}.tabs-container{overflow-x:auto;padding:0 20px}.tab-btn{padding:12px 18px;font-size:.9rem;white-space:nowrap}.tab-content{padding:20px}.info-grid,.produits-list,.contrats-list{grid-template-columns:1fr}.email-update-row,.form-row{flex-direction:column}.modal-content-small{width:95%}}.produit-actions,.contrat-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.btn-download-small{padding:6px 12px;font-size:.85rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background-color:#10b981;color:#fff;white-space:nowrap;min-width:fit-content}.btn-download-small:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-view-small,.btn-delete-small,.btn-download-small{white-space:nowrap;min-width:fit-content}.echeances-detail-list{display:flex;flex-direction:column;gap:12px;margin-top:10px}.echeance-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9fafb;border-radius:6px;border-left:4px solid #3b82f6}.echeance-info{flex:1}.echeance-info strong{display:block;color:#1f2937;margin-bottom:6px}.echeance-info p{margin:3px 0;font-size:.9rem;color:#6b7280}.echeance-statut{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;color:#fff;white-space:nowrap}.btn-download{padding:10px 20px;font-size:1rem;border:none;border-radius:6px;cursor:pointer;background-color:#10b981;color:#fff;transition:all .3s ease}.btn-download:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dossiers-section{padding:20px}.dossiers-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dossiers-section .section-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.dossiers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-bottom:30px}.dossier-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer}.dossier-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.dossier-card.selected{border-color:#3b82f6;background:linear-gradient(to bottom,#eff6ff,#fff);box-shadow:0 4px 16px #3b82f633}.dossier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.dossier-header h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 8px}.dossier-actions{display:flex;gap:8px;flex-shrink:0}.dossier-actions .btn-edit,.dossier-actions .btn-delete{padding:6px 12px;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500}.dossier-actions .btn-edit{background-color:#3b82f6;color:#fff}.dossier-actions .btn-edit:hover{background-color:#2563eb}.dossier-actions .btn-delete{background-color:#ef4444;color:#fff}.dossier-actions .btn-delete:hover{background-color:#dc2626}.dossier-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-size:.9rem;color:#64748b}.info-row span{color:#475569}.badge-paye{background-color:#d1fae5;color:#065f46}.badge-en_attente{background-color:#fef3c7;color:#92400e}.badge-refuse{background-color:#fee2e2;color:#991b1b}.dossier-details{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-top:24px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.details-header h3{font-size:1.4rem;font-weight:600;color:#1e293b;margin:0}.btn-add-paiement{padding:10px 20px;font-size:.95rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #10b98133}.btn-add-paiement:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.paiements-section{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.paiements-section h4{font-size:1.2rem;font-weight:600;color:#1e293b;margin:0 0 16px}.paiements-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.paiements-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.paiements-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.9rem}.paiements-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.9rem}.paiements-table tbody tr:hover{background-color:#f8fafc}.paiements-table tbody tr:last-child td{border-bottom:none}.form-row textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95rem;resize:vertical}.form-row textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.dossiers-list,.details-grid{grid-template-columns:1fr}.dossier-header{flex-direction:column;align-items:flex-start}.dossier-actions{width:100%;justify-content:flex-end}.paiements-table{font-size:.85rem}.paiements-table th,.paiements-table td{padding:8px 10px}}.gestion-financiere-container{padding:2rem;background:#f8f9fa;min-height:100vh}.gestion-header{margin-bottom:2rem}.gestion-header h2{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.subtitle{color:#718096;font-size:1rem}.alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;animation:slideIn .3s ease}.alert button{margin-left:auto;background:transparent;border:none;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.alert button:hover{opacity:1}.alert-error{background:#fee;color:#c53030;border-left:4px solid #c53030}.alert-success{background:#e6fffa;color:#047857;border-left:4px solid #047857}.workflow-timeline{display:flex;align-items:flex-start;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.workflow-step{flex:1;min-width:250px;display:flex;flex-direction:column;align-items:center;position:relative}.step-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem;transition:transform .3s ease;box-shadow:0 4px 12px #00000026}.workflow-step.validated .step-icon{animation:pulse 1s ease}.workflow-step.locked .step-icon{background:#cbd5e0!important;opacity:.5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-content{width:100%;text-align:center}.step-content h3{font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;margin-bottom:1rem}.badge-success{background:#d1fae5;color:#047857}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#e2e8f0;color:#475569}.badge-danger{background:#fee;color:#c53030}.document-info{background:#f7fafc;padding:1rem;border-radius:8px;margin-top:1rem}.document-numero{font-weight:600;color:#2d3748;font-size:.95rem;margin-bottom:.3rem}.document-montant{font-size:1.3rem;font-weight:700;color:#10b981;margin-bottom:1rem}.document-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.btn-icon{padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;color:#4a5568;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.btn-icon.btn-success{background:#d1fae5;border-color:#10b981;color:#047857}.btn-icon.btn-success:hover{background:#10b981;color:#fff}.btn-icon.btn-danger{background:#fee;border-color:#f87171;color:#c53030}.btn-icon.btn-danger:hover{background:#ef4444;color:#fff}.btn-create{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;margin-top:1rem}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.locked-message{color:#a0aec0;font-size:.85rem;font-style:italic;margin-top:1rem}.workflow-connector{display:flex;align-items:center;color:#cbd5e0;margin:0 1rem;padding-top:2rem}.workflow-connector.validated{color:#10b981}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-historique{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:1.3rem;font-weight:600;color:#2d3748;margin:0}.btn-close{background:transparent;border:none;cursor:pointer;color:#718096;transition:color .2s;padding:.5rem;display:flex;align-items:center}.btn-close:hover{color:#2d3748}.modal-body{padding:1.5rem}.form-group label{display:block;font-weight:500;color:#2d3748;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.readonly{background:#f7fafc;color:#718096;cursor:not-allowed}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.btn-add-frais{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.btn-add-frais:hover{background:#5568d3;transform:translateY(-1px)}.frais-item{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:center}.frais-item input{margin-bottom:0}.btn-remove-frais{padding:.5rem;background:#fee;color:#c53030;border:1px solid #f87171;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove-frais:hover{background:#ef4444;color:#fff}.file-selected{margin-top:.5rem;color:#10b981;font-size:.85rem;font-weight:500}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;margin-top:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.historique-list{display:flex;flex-direction:column;gap:1rem}.historique-item{display:flex;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;border-left:3px solid #667eea}.historique-icon{color:#667eea;flex-shrink:0}.historique-details{flex:1}.historique-action{font-weight:600;color:#2d3748;margin-bottom:.3rem;text-transform:capitalize}.historique-user{color:#4a5568;font-size:.9rem;margin-bottom:.2rem}.historique-date{color:#718096;font-size:.85rem}.historique-comment{margin-top:.5rem;color:#4a5568;font-style:italic;font-size:.9rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading p{margin-top:1rem;color:#718096;font-weight:500}@media (max-width: 1024px){.workflow-timeline{flex-direction:column;align-items:stretch}.workflow-step{min-width:100%;margin-bottom:2rem}.workflow-connector{transform:rotate(90deg);margin:0;padding:0;height:40px}}@media (max-width: 768px){.gestion-financiere-container,.workflow-timeline{padding:1rem}.modal-content{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.document-actions{flex-direction:column}.btn-icon{width:100%}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.workflows-existants{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.workflows-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.workflows-header h3{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0}.btn-toggle-workflows{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-toggle-workflows:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.workflows-list{margin-top:1rem}.workflows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.workflow-type-section{background:#f8f9fa;padding:1rem;border-radius:8px}.workflow-type-section h4{display:flex;align-items:center;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.document-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.document-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.document-card-body{margin-bottom:.75rem}.document-card-body .document-montant{font-size:1.25rem;font-weight:600;color:#10b981;margin-bottom:.25rem}.document-card-body .document-date{font-size:.875rem;color:#718096;margin-bottom:.5rem}.document-card-body .document-description{font-size:.875rem;color:#4a5568;font-style:italic}.document-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.nouveau-workflow-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 12px #667eea4d}.nouveau-workflow-section h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.workflow-info{font-size:1rem;opacity:.9;margin:0;line-height:1.6}} .form-container{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a;animation:slideIn .3s ease}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.form-header h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}.form-body{display:flex;flex-direction:column;gap:1.5rem}.form-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.detail-dossier-container{display:flex;min-height:100vh;background-color:#f3f4f6}.detail-dossier-content{flex:1;margin-left:250px;padding:20px}.detail-dossier-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.dossier-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.btn-back{padding:10px 20px;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-back:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.dossier-title-section h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0 0 8px}.client-name{color:#64748b;font-size:1rem;margin:0}.btn-edit-main{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-edit-main:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.error-message{background-color:#fee2e2;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:16px;border-left:4px solid #dc2626}.success-message{background-color:#d1fae5;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:16px;border-left:4px solid #10b981}.tabs-container{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;color:#64748b;transition:all .3s ease;position:relative}.tab-btn:hover{color:#3b82f6;background-color:#eff6ff;border-radius:8px 8px 0 0}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{padding:20px 0}.dossier-info-section{padding:20px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.section-header-with-btn{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header-with-btn h4{margin:0;font-size:1.2rem;color:#1e293b}.btn-edit-section{padding:6px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px #f59e0b33}.btn-edit-section:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f59e0b4d}.detail-item-with-edit{display:flex;align-items:center;gap:10px;margin-bottom:12px}.detail-item-with-edit .detail-item{flex:1;margin-bottom:0}.btn-edit-date{padding:4px 8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s ease;box-shadow:0 1px 3px #3b82f633;opacity:.7}.btn-edit-date:hover{opacity:1;transform:scale(1.1)}.quick-edit-date{display:inline-block}.quick-edit-date input{padding:4px 8px;border:2px solid #3b82f6;border-radius:4px;font-size:.9rem;outline:none}.detail-section{background:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0}.detail-section.full-width{grid-column:1 / -1}.detail-section h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-item label{font-weight:600;color:#64748b;font-size:.9rem}.detail-item span{color:#1e293b;font-size:.95rem;text-align:right}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.badge-nouveau{background-color:#dbeafe;color:#1e40af}.badge-installe{background-color:#fef3c7;color:#92400e}.badge-receptionne{background-color:#d1fae5;color:#065f46}.badge-default{background-color:#f1f5f9;color:#475569}.numeros-serie-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:10px;background-color:#f8fafc;border-radius:8px}.numero-serie-item{display:flex;align-items:center;gap:10px;padding:8px;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a}.numero-index{font-weight:600;color:#3b82f6;min-width:30px}.numero-serie-input{flex:1;padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .3s ease}.numero-serie-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.numeros-serie-list::-webkit-scrollbar{width:8px}.numeros-serie-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.numeros-serie-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.numeros-serie-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.produits-section{padding:20px}.produits-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.produits-section-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.btn-add{padding:12px 24px;font-size:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.produits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.produit-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.produit-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.produit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.produit-header h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.statut-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.produit-info p{margin:8px 0;color:#64748b;font-size:.9rem}.produit-info strong{color:#1e293b}.produit-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-view,.btn-edit,.btn-delete{flex:1;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease}.btn-view{background-color:#10b981;color:#fff}.btn-view:hover{background-color:#059669}.btn-edit{background-color:#3b82f6;color:#fff}.btn-edit:hover{background-color:#2563eb}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.no-data{text-align:center;color:#94a3b8;padding:40px;font-size:1rem}.documents-section,.historique-paiement-section,.archive-section,.finance-section{padding:20px}.historique-section-header,.archive-section-header,.echeancier-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.historique-section-header h3,.archive-section-header h3,.echeancier-section-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table thead{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.data-table thead th{padding:14px 16px;text-align:left;font-weight:600;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.data-table tbody tr:hover{background-color:#f9fafb}.data-table tbody td{padding:14px 16px;color:#374151;font-size:.95rem}.archives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.archive-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.archive-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.archive-icon{font-size:2.5rem;text-align:center}.archive-info h4{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937;word-break:break-word}.archive-date,.archive-type{margin:4px 0;font-size:.85rem;color:#6b7280}.archive-actions{display:flex;gap:8px;margin-top:auto}.documents-section{padding:20px}.documents-section h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 24px}.modal-overlay-small{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-small{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content-small.modal-large{max-width:900px}.modal-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.modal-header-small h3{font-size:1.4rem;font-weight:600;color:#1e293b;margin:0}.close-btn-small{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn-small:hover{background-color:#fee2e2;color:#dc2626}.form-modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row.full-width{grid-column:1 / -1}.form-row label{font-weight:600;color:#374151;font-size:.9rem}.form-row input,.form-row select,.form-row textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:all .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row textarea{resize:vertical;font-family:inherit}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:2px solid #e5e7eb;grid-column:1 / -1}.btn-cancel,.btn-save{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.btn-cancel{background-color:#e5e7eb;color:#374151}.btn-cancel:hover{background-color:#d1d5db}.btn-save{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.detail-produit-content{padding:20px 0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item strong{color:#64748b;font-size:.85rem}.info-item span{color:#1e293b;font-size:.95rem}.loading{text-align:center;padding:60px 20px;font-size:1.2rem;color:#64748b}@media (max-width: 1024px){.detail-dossier-content{margin-left:0}}@media (max-width: 768px){.dossier-header-top{flex-direction:column;align-items:flex-start;gap:16px}.header-actions,.btn-edit-main{width:100%}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap}.produits-grid,.details-grid,.form-modal{grid-template-columns:1fr}.modal-content-small{width:95%}}:root{--primary-blue: #1e3a5f;--primary-blue-dark: #0f1f2e;--primary-yellow: #ffd700;--secondary-yellow: #ffb700;--accent-orange: #ff8c00;--light-blue: #e8f4fd;--dark-blue: #0f1f2e;--white: #ffffff;--light-gray: #f8f9fa;--medium-gray: #6c757d;--dark-gray: #343a40;--text-dark: #2d3748;--text-muted: #4a5568;--shadow-sm: 0 2px 10px rgba(30, 58, 95, .1);--shadow-md: 0 8px 25px rgba(30, 58, 95, .15);--shadow-lg: 0 15px 40px rgba(30, 58, 95, .2)}.backoffice-container{display:flex;min-height:100vh;background-color:var(--light-gray)}.backoffice-content{flex:1;margin-left:280px;padding:30px;background:var(--light-gray);min-height:100vh;transition:margin-left .3s ease}@media (max-width: 768px){.backoffice-content{margin-left:0;padding:20px 15px}}.prospects-management{max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);padding:30px;border-radius:16px;color:#fff;box-shadow:var(--shadow-md)}.dashboard-header h1{margin:0;font-size:2.2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.dashboard-header p{margin:5px 0 0;font-size:1rem;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.header-actions{display:flex;gap:10px}.btn-primary{padding:12px 24px;background-color:var(--primary-yellow);color:var(--primary-blue);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.btn-primary:hover{background-color:var(--secondary-yellow);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080}.btn-secondary{padding:12px 24px;background-color:var(--accent-orange);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.btn-secondary:hover{background-color:#e67e00;transform:translateY(-2px)}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:var(--shadow-sm);text-align:center;border-left:4px solid var(--primary-blue);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.stat-card h3{margin:0 0 10px;color:var(--text-muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;color:var(--primary-blue);font-size:36px;font-weight:700}.alert{padding:15px 20px;margin-bottom:20px;border-radius:10px;font-weight:500;box-shadow:var(--shadow-sm);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background-color:#fee;color:#c33;border-left:4px solid #c33}.alert-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50}.filters-section{background:#fff;padding:20px;border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:20px;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:250px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s,box-shadow .3s}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a5f1a}.filter-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .3s,box-shadow .3s}.filter-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a5f1a}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-dark)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.table-container{background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.prospects-table{width:100%;border-collapse:collapse}.prospects-table thead{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff}.prospects-table thead th{padding:16px;text-align:left;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#fff;border:none}.prospects-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.prospects-table tbody tr:hover{background-color:var(--light-blue)}.prospects-table td{padding:16px;font-size:14px;color:var(--text-dark)}.no-data{text-align:center;padding:60px;color:var(--medium-gray);font-style:italic;font-size:16px}.badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;white-space:nowrap}.badge-grey{background-color:#e0e0e0;color:#555}.badge-yellow{background-color:#fff9c4;color:#f57f17}.badge-orange{background-color:#ffe0b2;color:#e65100}.badge-green{background-color:#c8e6c9;color:#2e7d32}.badge-purple{background-color:#e1bee7;color:#6a1b9a}.badge-blue{background-color:#e3f2fd;color:#1976d2}.badge-cyan{background-color:#b2ebf2;color:#00838f}.badge-red{background-color:#ffcdd2;color:#c62828}.badge-pink{background-color:#f8bbd0;color:#ad1457}.badge-teal{background-color:#b2dfdb;color:#00695c}.badge-brown{background-color:#d7ccc8;color:#5d4037}.badge-success{background-color:#4caf50;color:#fff}.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-icon{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:transform .2s,opacity .2s,background-color .2s;background:transparent}.btn-icon:hover{transform:scale(1.2);opacity:.8}.btn-info{color:#17a2b8}.btn-edit{color:#ffc107}.btn-success{color:#28a745}.btn-delete{color:#dc3545}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm)}.btn-pagination{padding:10px 20px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-pagination:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-pagination:disabled{background:var(--medium-gray);cursor:not-allowed;opacity:.5}.page-info{font-weight:600;color:var(--text-dark);font-size:15px}.modal-overlay{position:fixed;inset:0;background-color:#0f1f2eb3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:700}.btn-close{background:#fff3;border:none;font-size:28px;color:#fff;cursor:pointer;transition:all .3s;line-height:1;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-form{padding:25px}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{margin-bottom:8px;font-weight:600;color:var(--text-dark);font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s,box-shadow .3s}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:25px;border-top:2px solid #f0f0f0;background-color:#fafafa;border-radius:0 0 16px 16px}.btn-cancel{padding:12px 24px;background-color:var(--medium-gray);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background-color:var(--dark-gray);transform:translateY(-2px)}.btn-submit{padding:12px 24px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-submit:disabled{background:var(--medium-gray);cursor:not-allowed;opacity:.6}.detail-section h3{margin:0 0 15px;color:var(--primary-blue);font-size:18px;border-bottom:3px solid var(--primary-yellow);padding-bottom:8px;font-weight:700}.detail-section h4{margin:0 0 10px;color:var(--text-dark);font-size:16px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.detail-grid div{padding:12px;background-color:var(--light-gray);border-radius:8px;font-size:14px;border-left:3px solid var(--primary-blue)}.detail-grid strong{color:var(--text-dark);display:block;margin-bottom:5px;font-weight:600}.detail-grid a{color:var(--primary-blue);text-decoration:none;font-weight:500}.detail-grid a:hover{text-decoration:underline}.notes-list{list-style:none;padding:0;margin:0}.notes-list li{padding:12px;background-color:#fff9c4;border-left:4px solid var(--primary-yellow);margin-bottom:10px;border-radius:6px;font-size:14px}.interactions-list{display:flex;flex-direction:column;gap:15px}.interaction-item{padding:15px;background-color:var(--light-gray);border-radius:10px;border-left:4px solid var(--primary-blue);box-shadow:var(--shadow-sm)}.interaction-header{display:flex;justify-content:space-between;margin-bottom:10px}.interaction-type{font-weight:600;color:var(--primary-blue);font-size:15px}.interaction-date{color:var(--medium-gray);font-size:13px;font-style:italic}.interaction-comment{color:var(--text-dark);font-size:14px;line-height:1.6}.import-instructions{padding:20px;background:linear-gradient(135deg,var(--light-blue) 0%,#ffffff 100%);border-radius:10px;margin:20px;border-left:4px solid var(--primary-blue)}.import-instructions h3{margin-top:0;color:var(--primary-blue);font-weight:700}.import-instructions ul{margin:10px 0;padding-left:20px}.import-instructions li{margin-bottom:8px;color:var(--text-dark);line-height:1.5}.import-form{padding:20px}.import-results{margin-top:20px;padding:20px;background-color:var(--light-gray);border-radius:10px;border:2px solid #e0e0e0}.import-results h3{margin-top:0;color:var(--text-dark)}.success-count{color:#2e7d32;font-weight:700;margin-bottom:10px;font-size:16px}.error-count{color:#c62828;font-weight:700;margin-bottom:10px;font-size:16px}.error-list{list-style:none;padding:0;margin:10px 0}.error-list li{padding:10px;background-color:#fee;border-left:3px solid #c62828;margin-bottom:5px;border-radius:6px;font-size:13px}.more-errors{color:var(--medium-gray);font-style:italic;margin-top:10px}.loading{text-align:center;padding:60px;color:var(--primary-blue);font-size:18px;font-weight:600}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:15px;padding:20px}.dashboard-header h1{font-size:1.8rem}.header-actions{width:100%;flex-direction:column}.header-actions button{width:100%}.filters-section{flex-direction:column}.search-input,.filter-select{width:100%;min-width:100%}.form-row{grid-template-columns:1fr}.prospects-table{font-size:12px}.prospects-table th,.prospects-table td{padding:10px 8px}.actions-cell{flex-direction:row;justify-content:center}.modal-content{max-width:95%;margin:10px}.detail-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}}@media (max-width: 480px){.prospects-table th:nth-child(4),.prospects-table td:nth-child(4),.prospects-table th:nth-child(7),.prospects-table td:nth-child(7){display:none}}.commerciaux-management-container{display:flex;min-height:100vh;overflow-x:hidden}.commerciaux-management-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.dashboard-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-start}.dashboard-header p{color:var(--text-muted);font-size:1.1rem;margin-bottom:0}.btn-add-commercial{background:var(--primary-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.btn-add-commercial:hover{background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 10px #0000001a;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.stat-info h3{font-size:2rem;margin:0;color:var(--text-dark);font-weight:700}.stat-info p{margin:5px 0 0;color:var(--text-muted);font-size:.9rem}.error-message,.success-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.error-message{background:#fed7d7;color:#c53030;border:1px solid #feb2b2}.success-message{background:#c6f6d5;color:#276749;border:1px solid #9ae6b4}.commerciaux-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.commerciaux-table{width:100%;border-collapse:collapse}.commerciaux-table th,.commerciaux-table td{padding:15px;text-align:left;border-bottom:1px solid #e2e8f0}.commerciaux-table th{background:#f7fafc;font-weight:600;color:#4a5568;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.commerciaux-table tbody tr{transition:var(--transition-smooth)}.commerciaux-table tbody tr:hover{background:#f7fafc}.commercial-name{display:flex;align-items:center;gap:12px}.commercial-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.commercial-name strong{display:block;color:var(--text-dark);font-size:.95rem}.commercial-name small{display:block;color:var(--text-muted);font-size:.85rem}.total-sold{font-weight:600;color:#2d3748;font-size:1rem}.pourcentage-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-weight:500;font-size:.9rem}.total-clients-badge{background:#e6f7ff;color:#06c;padding:4px 12px;border-radius:20px;font-weight:500;font-size:.9rem}.action-buttons button{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:var(--transition-smooth);font-size:.9rem}.btn-detail{background:#4299e1;color:#fff}.btn-detail:hover{background:#3182ce;transform:translateY(-2px)}.btn-stats{background:#805ad5;color:#fff}.btn-stats:hover{background:#6b46c1;transform:translateY(-2px)}.btn-edit{background:#48bb78;color:#fff}.btn-edit:hover{background:#38a169;transform:translateY(-2px)}.btn-delete{background:#f56565;color:#fff}.btn-delete:hover{background:#e53e3e;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px 25px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:var(--text-dark);font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);line-height:1}.modal-close:hover{color:var(--text-dark);transform:rotate(90deg)}.modal-content form,.modal-body{padding:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;color:var(--text-dark);font-weight:500;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;transition:var(--transition-smooth);box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3a5f1a}.form-separator{margin:20px 0;text-align:center;position:relative}.form-separator span{background:#fff;padding:0 15px;color:var(--text-muted);font-weight:500;position:relative;z-index:1}.form-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.commercial-info{padding:15px 25px;background:#f7fafc;display:flex;flex-direction:column;gap:5px}.commercial-info strong{color:var(--text-dark);font-size:1.1rem}.commercial-info span{color:var(--text-muted);font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancel,.btn-save,.btn-delete-confirm{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0}.btn-save{background:var(--primary-blue);color:#fff}.btn-save:hover{background:var(--primary-blue-dark);transform:translateY(-2px)}.btn-delete-confirm{background:#f56565;color:#fff}.btn-delete-confirm:hover{background:#e53e3e;transform:translateY(-2px)}.warning-text{color:#f56565;font-weight:500;margin-top:10px}.detail-modal{max-width:800px}.detail-content{padding:25px}.detail-section{margin-bottom:30px}.detail-section h3{color:var(--text-dark);font-size:1.2rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.detail-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f7fafc}.detail-label{color:var(--text-muted);font-weight:500}.detail-value{color:var(--text-dark);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat-box{background:#f7fafc;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px}.stat-box-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.stat-box-content{display:flex;flex-direction:column}.stat-box-label{font-size:.8rem;color:var(--text-muted);margin-bottom:5px}.stat-box-value{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.loading{padding:40px;text-align:center;color:var(--text-muted);font-size:1.1rem}@media (max-width: 768px){.commerciaux-management-content{margin-left:0;max-width:100vw;padding:20px}.dashboard-header{flex-direction:column;gap:15px}.stats-cards,.form-row{grid-template-columns:1fr}.commerciaux-table{font-size:.85rem}.action-buttons{flex-direction:column}}.detail-commercial-container{display:flex;min-height:100vh;background-color:var(--light-gray, #f8f9fa);width:100%}.detail-commercial-content{flex:1;padding:20px;margin-left:250px;max-width:calc(100vw - 250px);box-sizing:border-box}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,#0f1f2e 100%);padding:30px;border-radius:12px;box-shadow:0 4px 12px #1e3a5f26;color:#fff}.btn-back{background:#fff3;border:none;color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s ease}.btn-back:hover{background:#ffffff4d}.detail-title{margin:0;font-size:28px;font-weight:600}.header-actions{display:flex;gap:12px}.btn-edit-header,.btn-stats-header{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-edit-header{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f)}.btn-edit-header:hover{background:#ffed4e;box-shadow:0 4px 12px #ffd7004d}.btn-stats-header{background:#fff;color:var(--primary-blue, #1e3a5f)}.btn-stats-header:hover{background:#f8f9fa;box-shadow:0 4px 12px #1e3a5f26}.commercial-profile-card{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:30px}.profile-avatar-large{width:120px;height:120px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,#0f1f2e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:600;box-shadow:0 4px 12px #1e3a5f33;flex-shrink:0}.profile-info{flex:1}.profile-info h1{font-size:28px;font-weight:600;color:var(--text-dark, #2c3e50);margin:0 0 12px}.profile-email,.profile-phone{font-size:16px;color:#6c757d;margin:0 0 8px;display:flex;align-items:center;gap:8px}.profile-email i,.profile-phone i{color:var(--primary-blue, #1e3a5f)}.profile-badges{display:flex;gap:12px;margin-top:15px}.badge-commercial,.badge-commission{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:500}.badge-commercial{background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,#0f1f2e 100%);color:#fff}.badge-commission{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f)}.success-message-detail{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.success-message-detail i{font-size:20px}.stats-grid-detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card-modern{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid var(--primary-blue, #1e3a5f)}.stat-card-modern:hover{transform:translateY(-5px);box-shadow:0 4px 16px #0000001f}.stat-content{display:flex;align-items:center;gap:20px}.stat-icon-circle{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,#0f1f2e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.stat-details{flex:1}.stat-label{font-size:14px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.stat-value{font-size:28px;font-weight:700;color:var(--text-dark, #2c3e50);margin:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.detail-section-card{background:#fff;border-radius:12px;overflow:visible;box-shadow:0 2px 8px #00000014;min-height:200px;border:1px solid #e9ecef}.section-header{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff!important;padding:15px 25px;background:linear-gradient(135deg,#1e3a5f,#0f1f2e)}.section-header i{color:gold!important;font-size:20px}.section-header h2{margin:0;font-size:18px;color:#fff!important;font-weight:600}.section-content{padding:25px;background:#fff;min-height:100px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #e9ecef;gap:15px;background:transparent}.info-label{font-weight:600;color:#6c757d!important;font-size:14px;flex-shrink:0;min-width:150px}.info-value{color:#2c3e50!important;font-weight:600;font-size:14px;text-align:right;word-break:break-word}.info-value.highlight{color:#1e3a5f!important;font-weight:700;font-size:16px}.info-value.highlight-success{color:#28a745!important;font-weight:700;font-size:16px}.info-value.mono{font-family:Courier New,monospace;font-size:12px;background:#f8f9fa;color:#2c3e50!important;padding:4px 8px;border-radius:4px}.form-separator{margin:20px 0;padding:10px 0;border-top:2px solid var(--light-gray, #f8f9fa);border-bottom:2px solid var(--light-gray, #f8f9fa)}.form-separator span{font-weight:600;color:var(--primary-blue, #1e3a5f);font-size:16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.modal-close{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.commercial-info-modal{background:var(--light-gray, #f8f9fa);padding:15px 25px;margin:0 -25px 20px;border-bottom:1px solid #dee2e6}.commercial-info-modal strong{display:block;font-size:16px;color:var(--text-dark, #2c3e50);margin-bottom:4px}.commercial-info-modal span{color:#6c757d;font-size:14px}.loading-state,.error-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.loading-spinner{font-size:48px;color:var(--primary-blue, #1e3a5f);animation:spin 1s linear infinite}.error-icon{font-size:48px;color:#dc3545;margin-bottom:20px}.error-message{font-size:18px;color:#6c757d;margin-bottom:20px}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}.modal-header h2,.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#fff!important}.btn-close-modal{background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue, #1e3a5f);box-shadow:0 0 0 3px #1e3a5f1a}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{padding:20px 25px;border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-save{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-save{background:var(--primary-blue, #1e3a5f);color:#fff}.stats-modal .modal-content{max-width:800px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.stat-box{background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,#0f1f2e 100%);padding:20px;border-radius:10px;text-align:center;color:#fff}.stat-box-label{font-size:14px;opacity:.9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-box-value{font-size:28px;font-weight:700}.performance-indicator{background:var(--light-gray, #f8f9fa);padding:20px;border-radius:10px;margin-top:20px}.performance-indicator h4{color:var(--text-dark, #2c3e50);margin:0 0 15px;font-size:16px}.performance-bar{background:#e9ecef;height:30px;border-radius:15px;overflow:hidden;position:relative}.performance-fill{background:linear-gradient(90deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-yellow, #ffd700) 100%);height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;transition:width .5s ease}@media (max-width: 1024px){.details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.detail-commercial-content{margin-left:0;padding:15px;max-width:100vw}.detail-header{flex-direction:column;align-items:flex-start;gap:15px}.header-actions{width:100%;justify-content:flex-start}.commercial-profile-card{flex-direction:column;text-align:center}.stats-grid-detail,.details-grid{grid-template-columns:1fr}.info-row{flex-direction:column;gap:5px}.info-label{min-width:auto}.info-value{text-align:left}.modal-content{width:95%;max-height:95vh}}@media (max-width: 480px){.detail-title{font-size:22px}.btn-edit-header,.btn-stats-header{padding:8px 16px;font-size:13px}.profile-avatar-large{width:90px;height:90px;font-size:36px}.stat-value{font-size:22px}}.fournisseurs-management-container{display:flex;min-height:100vh;background-color:var(--light-gray, #f8f9fa)}.fournisseurs-management-content{flex:1;margin-left:250px;padding:30px;max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.stat-card{background:#fff;border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid var(--primary-blue, #1e3a5f)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.stat-icon.blue{background:linear-gradient(135deg,#1e3a5f,#0f1f2e)}.stat-icon.green{background:linear-gradient(135deg,#28a745,#1e7e34)}.stat-icon.orange{background:linear-gradient(135deg,#ff8c00,#f60)}.stat-icon.purple{background:linear-gradient(135deg,#6f42c1,#5a32a3)}.stat-info h3{margin:0 0 5px;font-size:28px;font-weight:700;color:var(--text-dark, #2c3e50)}.stat-info p{margin:0;font-size:14px;color:#6c757d;font-weight:500}.filters-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #00000014;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.filter-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark, #2c3e50);font-size:14px}.filter-group input,.filter-group select{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-blue, #1e3a5f);box-shadow:0 0 0 3px #1e3a5f1a}.fournisseurs-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.fournisseurs-table{width:100%;border-collapse:collapse}.fournisseurs-table thead{background:linear-gradient(135deg,#1e3a5f,#0f1f2e)}.fournisseurs-table th{padding:15px;text-align:left;font-weight:600!important;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#fff!important;background:transparent}.fournisseurs-table td{padding:15px;border-bottom:1px solid #e9ecef;font-size:14px;color:#2c3e50}.fournisseurs-table tbody tr{transition:all .3s ease}.fournisseurs-table tbody tr:hover{background-color:#f8f9fa}.type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#e8f4fd;color:#1e3a5f}.statut-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.statut-actif{background:#d4edda;color:#155724}.statut-inactif{background:#f8d7da;color:#721c24}.statut-attente{background:#fff3cd;color:#856404}.statut-bloque{background:#f5c6cb;color:#721c24}.btn-detail,.btn-edit,.btn-delete{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-detail{background:#17a2b8;color:#fff}.btn-detail:hover{background:#138496;transform:scale(1.1)}.btn-edit{background:#ffc107;color:#1e3a5f}.btn-edit:hover{background:#e0a800;transform:scale(1.1)}.btn-delete:hover{background:#c82333;transform:scale(1.1)}.btn-add-fournisseur{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;gap:8px}.btn-add-fournisseur:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080;background:#ffb700}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px;border-radius:8px;margin-bottom:20px}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#6c757d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#1e3a5f,#0f1f2e);color:#fff!important;padding:20px 25px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#fff!important}.modal-close{background:#fff3;border:none;color:#fff!important;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{padding:25px}.form-section{margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.form-section:last-of-type{border-bottom:none}.form-section h3{margin:0 0 15px;font-size:16px;font-weight:600;color:#1e3a5f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark, #2c3e50);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.btn-cancel,.btn-save,.btn-delete-confirm{padding:10px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-save{background:#1e3a5f;color:#fff}.btn-save:hover{background:#0f1f2e;box-shadow:0 4px 12px #1e3a5f4d}.btn-delete-confirm{background:#dc3545;color:#fff}.btn-delete-confirm:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d}.delete-modal .modal-content{max-width:500px}.warning-text{color:#856404;font-size:14px;margin-top:10px;font-weight:500}@media (max-width: 768px){.fournisseurs-management-content{margin-left:0;padding:20px 15px;max-width:100vw}.stats-cards,.filters-section,.form-row{grid-template-columns:1fr}.fournisseurs-table-container{overflow-x:auto}.modal-content{width:95%}}.detail-fournisseur-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.detail-fournisseur-content{margin-left:250px;padding:30px;width:calc(100% - 250px)}.detail-header{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-left{display:flex;align-items:center;gap:20px}.header-left h1{color:#1e3a5f!important;margin:0!important;font-size:28px!important}.header-left p{color:#6c757d!important;margin:5px 0 0!important}.btn-back{background:#6c757d;color:#fff!important;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-back:hover{background:#5a6268;transform:translateY(-2px)}.header-actions{display:flex;gap:15px}.btn-evaluation{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff!important;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-evaluation:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffc10766}.btn-add-historique{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff!important;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-add-historique:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1e3a5f66}.success-message{background:#d4edda;color:#155724!important;padding:15px 20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #28a745;display:flex;align-items:center;gap:10px}.error-message{background:#f8d7da;color:#721c24!important;padding:15px 20px;border-radius:8px;margin-bottom:20px;border-left:4px solid #dc3545}.loading{text-align:center;padding:50px;font-size:18px;color:#6c757d!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:flex;align-items:center;gap:20px;transition:all .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.stat-card i{font-size:40px;padding:20px;border-radius:12px;color:#fff!important}.stat-card.blue i{background:linear-gradient(135deg,#1e3a5f,#2c5282)}.stat-card.green i{background:linear-gradient(135deg,#28a745,#20c997)}.stat-card.orange i{background:linear-gradient(135deg,#ffc107,#ff9800)}.stat-card.purple i{background:linear-gradient(135deg,#6f42c1,#9561e2)}.stat-card h3{font-size:28px;margin:0!important;color:#1e3a5f!important;font-weight:700!important}.stat-card p{font-size:14px;margin:5px 0 0!important;color:#6c757d!important}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px}.detail-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000001a}.detail-card h3{color:#1e3a5f!important;margin:0 0 20px!important;padding-bottom:15px;border-bottom:2px solid #f0f0f0;font-size:18px!important;display:flex;align-items:center;gap:10px}.detail-card h3 i{color:#ffc107!important}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:center}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:600!important;color:#6c757d!important;font-size:14px}.info-row .value{color:#2c3e50!important;font-size:14px;text-align:right;font-weight:500!important}.info-row .value a{color:#1e3a5f!important;text-decoration:none;font-weight:600!important}.info-row .value a:hover{color:#ffc107!important;text-decoration:underline}.statut-actif{background:#d4edda;color:#155724!important;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600!important}.statut-inactif{background:#f8d7da;color:#721c24!important;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600!important}.statut-en-attente{background:#fff3cd;color:#856404!important;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600!important}.statut-bloqué{background:#ccc;color:#333!important;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600!important}.evaluation-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000001a;margin-bottom:30px}.evaluation-section h3{color:#1e3a5f!important;margin:0 0 25px!important;font-size:20px!important;display:flex;align-items:center;gap:10px}.evaluation-section h3 i{color:#ffc107!important}.evaluation-grid{display:grid;gap:20px}.evaluation-item{display:grid;grid-template-columns:100px 1fr 60px;align-items:center;gap:15px}.evaluation-item span:first-child{font-weight:600!important;color:#1e3a5f!important}.evaluation-item span:last-child{text-align:right;font-weight:700!important;color:#ffc107!important;font-size:16px}.rating-bar{height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative}.rating-fill{height:100%;background:linear-gradient(90deg,#ffc107,#ff9800);border-radius:6px;transition:width .3s}.historique-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 20px #0000001a}.historique-section h3{color:#1e3a5f!important;margin:0 0 25px!important;font-size:20px!important;display:flex;align-items:center;gap:10px}.historique-section h3 i{color:#ffc107!important}.historique-timeline{position:relative;padding-left:50px}.historique-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e9ecef}.timeline-item{position:relative;margin-bottom:30px}.timeline-icon{position:absolute;left:-30px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important;border:4px solid white;box-shadow:0 2px 8px #00000026}.timeline-icon i{color:#fff!important}.timeline-content{background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #1e3a5f}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.timeline-header h4{color:#1e3a5f!important;margin:0!important;font-size:16px!important;font-weight:600!important}.timeline-date{color:#6c757d!important;font-size:12px}.timeline-description{color:#2c3e50!important;margin:10px 0!important;line-height:1.6}.timeline-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.timeline-type{background:#1e3a5f;color:#fff!important;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600!important}.timeline-montant{background:#28a745;color:#fff!important;padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600!important}.timeline-statut{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600!important}.timeline-statut.statut-en-cours{background:#17a2b8;color:#fff!important}.timeline-statut.statut-terminé{background:#28a745;color:#fff!important}.timeline-statut.statut-annulé{background:#dc3545;color:#fff!important}.timeline-statut.statut-en-attente{background:#ffc107;color:#333!important}.no-historique{text-align:center;color:#6c757d!important;padding:40px;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s}.modal-content{background:#fff;border-radius:15px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideDown .3s}.modal-header{background:linear-gradient(135deg,#1e3a5f,#2c5282);padding:25px;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#fff!important;margin:0!important;font-size:22px!important}.modal-close{background:transparent;border:none;color:#fff!important;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.form-group label{display:block;margin-bottom:8px;color:#1e3a5f!important;font-weight:600!important;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s;color:#2c3e50!important}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3a5f;outline:none;box-shadow:0 0 0 3px #1e3a5f1a}.form-group input[type=range]{width:100%;height:8px;border-radius:4px;background:#e9ecef;outline:none;-webkit-appearance:none}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#ff9800);cursor:pointer;box-shadow:0 2px 5px #0003}.form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#ff9800);cursor:pointer;box-shadow:0 2px 5px #0003;border:none}.evaluation-form{display:grid;gap:25px}.modal-footer{padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:15px}.btn-cancel{background:#6c757d;color:#fff!important;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.btn-submit{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff!important;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffc10766}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.detail-fournisseur-content{margin-left:0;width:100%;padding:15px}.detail-header{flex-direction:column;gap:15px}.header-left{flex-direction:column;width:100%}.header-actions{width:100%;flex-direction:column}.btn-evaluation,.btn-add-historique{width:100%;justify-content:center}.stats-grid,.details-grid{grid-template-columns:1fr}.evaluation-item{grid-template-columns:80px 1fr 50px;gap:10px}.historique-timeline{padding-left:30px}.timeline-icon{left:-20px;width:30px;height:30px}.modal-content{width:95%;margin:20px}}.dashboard-container{display:flex;min-height:100vh;overflow-x:hidden}.dashboard-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:var(--text-dark);font-size:2.5rem;margin-bottom:10px}.dashboard-header p{color:var(--text-muted);font-size:1.1rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:var(--shadow-sm);border-left:4px solid var(--primary-blue)}.stat-card h3{margin:0 0 15px;color:var(--text-muted);font-size:1rem;font-weight:500}.stat-number{font-size:2rem;font-weight:700;color:var(--text-dark)}.dashboard-recent-activity{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.dashboard-recent-activity h2{margin:0 0 20px;color:var(--text-dark);font-size:1.5rem}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.activity-item:last-child{border-bottom:none}.activity-time{font-weight:600;color:#667eea;margin-right:15px;min-width:60px}.activity-description{color:#555}@media (max-width: 1024px){.dashboard-content{margin-left:200px;padding:25px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-content{margin-left:0;padding:20px 15px}.dashboard-header h1{font-size:2rem}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:20px}.stat-number{font-size:1.5rem}.dashboard-stats-table table{font-size:.9rem}.dashboard-stats-table th,.dashboard-stats-table td{padding:10px 8px}.map-container{height:300px}}@media (max-width: 480px){.dashboard-content{padding:15px 10px}.dashboard-header h1{font-size:1.8rem}.stat-card{padding:15px}.stat-number{font-size:1.3rem}.dashboard-stats-table{overflow-x:auto}.dashboard-stats-table table{min-width:600px;font-size:.8rem}.dashboard-stats-table th,.dashboard-stats-table td{padding:8px 6px}.map-container{height:250px}}@media (max-width: 360px){.dashboard-content{padding:10px 8px}.dashboard-header{margin-bottom:20px}.dashboard-header h1{font-size:1.5rem;margin-bottom:8px}.dashboard-header p{font-size:.9rem}.dashboard-stats{gap:15px}.stat-card{padding:12px;border-radius:8px}.stat-card h3{font-size:.85rem;margin-bottom:10px}.stat-number{font-size:1.1rem}.dashboard-recent-activity{padding:15px}.dashboard-recent-activity h2{font-size:1.2rem;margin-bottom:15px}.activity-item{padding:8px 0}.activity-time{font-size:.8rem;min-width:50px;margin-right:10px}.activity-description{font-size:.85rem}.dashboard-stats-table{padding:15px;margin-bottom:20px}.dashboard-stats-table h2{font-size:1.2rem;margin-bottom:15px}.dashboard-stats-table table{font-size:.75rem}.dashboard-stats-table th,.dashboard-stats-table td{padding:6px 4px}.map-container{height:200px;border-radius:6px}}.dashboard-stats-table{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.dashboard-stats-table h2{margin:0 0 20px;color:var(--text-dark);font-size:1.5rem}.dashboard-stats-table table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.dashboard-stats-table th{background:var(--primary-blue);color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:1rem}.dashboard-stats-table td{padding:15px 12px;border-bottom:1px solid #eee;color:var(--text-dark);font-size:.95rem}.dashboard-stats-table tr:nth-child(2n){background:#f9f9f9}.dashboard-stats-table tr:hover{background:#f0f0f0;transition:background-color .2s ease}.dashboard-stats-table tbody tr:last-child td{border-bottom:none}.hero-images-container{padding:2rem;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.hero-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.hero-images-header h1{font-size:2rem;color:#2d3748;margin:0}.hero-images-loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.hero-image-form{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.hero-image-form h2{margin-top:0;margin-bottom:1.5rem;color:#2d3748}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4299e1}.form-group textarea{resize:vertical;min-height:80px}.form-group small{display:block;margin-top:.25rem;font-size:.875rem;color:#718096}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.image-preview{margin-top:1rem;max-width:400px}.image-preview img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-default{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover{background:#4a5568}.btn-edit{background:#48bb78;color:#fff;padding:.5rem 1rem;font-size:.9rem}.btn-edit:hover{background:#38a169}.btn-delete{background:#f56565;color:#fff;padding:.5rem 1rem;font-size:.9rem}.btn-delete:hover{background:#e53e3e}.btn-default{background:#ed8936;color:#fff;padding:.5rem 1rem;font-size:.9rem}.btn-default:hover{background:#dd6b20}.hero-images-list{margin-top:2rem}.hero-images-list h2{margin-bottom:1.5rem;color:#2d3748}.no-images{text-align:center;padding:3rem;color:#718096;font-size:1.1rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.image-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.image-card.inactive{opacity:.6}.image-preview-card{position:relative;width:100%;height:200px;overflow:hidden}.image-preview-card img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:10px;right:10px;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-default{background:#ed8936;color:#fff}.badge-inactive{background:#718096;color:#fff}.image-info{padding:1.5rem}.image-info h3{margin:0 0 .5rem;color:#2d3748;font-size:1.2rem}.image-info p{margin:0 0 1rem;color:#718096;font-size:.9rem}.image-details{margin:1rem 0;padding:1rem;background:#f7fafc;border-radius:6px}.detail-row{display:flex;gap:.5rem;margin-bottom:.5rem;font-size:.9rem}.detail-row:last-child{margin-bottom:0}.detail-row strong{color:#4a5568;min-width:80px}.status-active{color:#48bb78;font-weight:600}.status-inactive{color:#f56565;font-weight:600}.image-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}@media (max-width: 768px){.hero-images-container{padding:1rem}.hero-images-header{flex-direction:column;align-items:flex-start;gap:1rem}.images-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.image-actions{flex-direction:column}.image-actions button{width:100%}}.entreprises-management{padding:2rem;background:#f8f9fa;min-height:100vh}.pending-badge{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;font-size:.95rem;box-shadow:0 4px 10px #ffc1074d;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;border:2px solid #e1e5e9;background:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;color:#666;transition:all .3s}.filter-btn:hover{border-color:#1e3a5f;color:#1e3a5f}.filter-btn.active{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border-color:#1e3a5f}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;color:#666;font-size:1.1rem}.entreprises-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.entreprise-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s;border:2px solid transparent}.entreprise-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.entreprise-card.pending{border-color:#ffc107;background:linear-gradient(to bottom,#fff9e6,#fff)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.card-header h3{margin:0 0 .5rem;color:#1e3a5f;font-size:1.3rem}.type-badge{display:inline-block;background:#e1e5e9;color:#666;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.85rem;white-space:nowrap}.status-badge.active{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.card-body{margin-bottom:1.5rem}.card-body p{margin:.5rem 0;color:#333;font-size:.95rem}.card-body strong{color:#666;font-weight:600}.date-inscription{color:#999!important;font-size:.85rem!important;margin-top:1rem!important;font-style:italic}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.card-actions button{flex:1;min-width:100px;padding:.65rem 1rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.card-actions button svg{flex-shrink:0}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496;transform:translateY(-2px);box-shadow:0 4px 8px #17a2b84d}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.btn-warning{background:#ffc107;color:#333}.btn-warning:hover{background:#e0a800;transform:translateY(-2px);box-shadow:0 4px 8px #ffc1074d}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}@media (max-width: 768px){.entreprises-management{padding:1rem}.header{flex-direction:column;align-items:flex-start}.header h1{font-size:1.5rem}.entreprises-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions button,.filters{width:100%}.filter-btn{flex:1;min-width:0}}.produit-detail{padding:2rem;max-width:1400px;margin:0 auto}.detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.detail-header h1{margin:0;color:#1e3a5f;font-size:2rem}.btn-back{background:#1e3a5f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-back:hover{background:#0f1f2e;transform:translate(-5px)}.detail-content{display:grid;grid-template-columns:500px 1fr;gap:3rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.detail-image-section{position:sticky;top:2rem;height:fit-content}.detail-main-image{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 4px 15px #00000026}.detail-info-section{display:flex;flex-direction:column;gap:2rem}.info-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.info-header h2{margin:0;color:#1e3a5f;font-size:1.8rem}.reference-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #ffd7004d}.info-badges{display:flex;gap:2rem}.badge-item{display:flex;flex-direction:column;gap:.5rem}.badge-label{font-size:.85rem;color:#6c757d;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.badge-value{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;color:#1e3a5f;font-weight:500;padding:.75rem 1.25rem;background:#f8f9fa;border-radius:8px}.marque-logo{width:50px;height:50px;object-fit:contain;border-radius:6px;background:#fff;padding:5px;box-shadow:0 2px 8px #0000001a}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#1e3a5f,#0f1f2e);border-radius:12px;box-shadow:0 4px 12px #1e3a5f4d;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #1e3a5f66}.info-card:nth-child(2){background:linear-gradient(135deg,gold,#ffb700);box-shadow:0 4px 12px #ffd7004d}.info-card:nth-child(2):hover{box-shadow:0 8px 20px #ffd70066}.info-card:nth-child(2) .info-label,.info-card:nth-child(2) .info-value{color:#1e3a5f}.info-card:nth-child(3){background:linear-gradient(135deg,#1e3a5f,#2a5298);box-shadow:0 4px 12px #1e3a5f4d}.info-card:nth-child(3):hover{box-shadow:0 8px 20px #1e3a5f66}.info-card:nth-child(4){background:linear-gradient(135deg,#00c49f,#00a080);box-shadow:0 4px 12px #00c49f4d}.info-card:nth-child(4):hover{box-shadow:0 8px 20px #00c49f66}.info-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.info-content{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:#ffffffe6;font-weight:500}.info-value{font-size:1.4rem;color:#fff;font-weight:700}.description-section,.marque-section{padding:1.5rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #ffd700}.description-section h3,.marque-section h3{margin:0 0 1rem;color:#1e3a5f;font-size:1.3rem}.description-text,.marque-description{color:#495057;line-height:1.8;font-size:1.05rem;margin:0}.marque-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:#1e3a5f;text-decoration:none;font-weight:500;transition:color .3s ease}.marque-link:hover{color:#0f1f2e}.loading,.error{text-align:center;padding:3rem;font-size:1.2rem;color:#6c757d}.error{color:#dc3545}.stock-edit-section{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;box-shadow:0 4px 12px #ffd7004d}.stock-edit-section h3{margin:0 0 1rem;color:#1e3a5f;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.stock-form{display:flex;gap:1rem;align-items:flex-end}.stock-form-group{flex:1}.stock-form-group label{display:block;margin-bottom:.5rem;color:#1e3a5f;font-weight:600;font-size:.9rem}.stock-form-group input{width:100%;padding:.75rem;border:2px solid #1e3a5f;border-radius:8px;font-size:1rem;font-weight:600;background:#fff;box-sizing:border-box}.stock-form-group input:focus{outline:none;border-color:#0f1f2e;box-shadow:0 0 0 3px #1e3a5f1a}.btn-update-stock{padding:.75rem 2rem;background:#1e3a5f;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;white-space:nowrap}.btn-update-stock:hover{background:#0f1f2e;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.btn-update-stock:disabled{background:#6c757d;cursor:not-allowed;transform:none}@media (max-width: 1200px){.detail-content{grid-template-columns:400px 1fr}.detail-main-image{height:400px}}@media (max-width: 992px){.detail-content{grid-template-columns:1fr;gap:2rem}.detail-image-section{position:static}.detail-main-image{height:450px}.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.produit-detail{padding:1rem}.detail-header{flex-direction:column;align-items:flex-start}.detail-header h1{font-size:1.5rem}.detail-content{padding:1.5rem}.detail-main-image{height:300px}.info-header{flex-direction:column;align-items:flex-start}.info-header h2{font-size:1.4rem}.info-badges{flex-direction:column;gap:1rem;width:100%}.badge-value{width:100%}.stock-form{flex-direction:column;align-items:stretch}.btn-update-stock{width:100%}}.produits-management{padding:2rem;background:#f8f9fa;min-height:100vh}.header{margin-bottom:2rem}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e1e5e9}.tab{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s}.tab:hover{color:#1e3a5f;background:#1e3a5f0d}.tab.active{color:#1e3a5f;border-bottom-color:gold}.tab-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.search-filter-bar{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #e1e5e9}.search-box{margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s}.search-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.filter-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;background:#fff;font-size:.95rem;color:#333;cursor:pointer;transition:all .3s;min-width:180px}.filter-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.filter-select:hover{border-color:#1e3a5f}.btn-clear-filters{padding:.75rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.btn-clear-filters:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.results-info{margin-bottom:1rem;padding:.5rem 0}.results-info p{color:#666;font-size:.95rem;font-weight:500;margin:0}.actions-bar{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.view-toggle{display:flex;gap:.5rem;background:#f0f0f0;padding:.25rem;border-radius:8px}.btn-view-mode{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;font-weight:500;color:#666;cursor:pointer;transition:all .3s}.btn-view-mode:hover{background:#1e3a5f1a;color:#1e3a5f}.btn-view-mode.active{background:#fff;color:#1e3a5f;box-shadow:0 2px 4px #0000001a}.btn-add{padding:.75rem 1.5rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080;background:linear-gradient(135deg,#ffed4e,gold)}.form-card{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid #e1e5e9}.form-card h3{color:#1e3a5f;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:gold}.form-group textarea{resize:vertical;font-family:inherit}.form-actions{display:flex;gap:1rem}.btn-submit{padding:.75rem 2rem;background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.btn-cancel{padding:.75rem 2rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.produits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s;border:2px solid #e1e5e9}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.product-image{width:100%;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:1.5rem}.product-info h3{color:#1e3a5f;font-size:1.3rem;margin-bottom:.75rem}.product-reference{color:#666;font-size:.9rem;margin-bottom:.75rem;padding:.5rem;background:#f0f4f8;border-radius:6px;border-left:3px solid #ffd700}.product-reference strong{color:#1e3a5f;font-weight:600}.product-badges{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.product-badges .badge{padding:.25rem .75rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;border-radius:12px;font-size:.8rem;font-weight:600}.product-info p{color:#666;margin-bottom:1rem;line-height:1.6}.product-actions{display:flex;gap:.5rem}.btn-view,.btn-edit,.btn-delete{flex:1;padding:.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-view:hover{background:#138496}.btn-edit:hover{background:#0f1f2e}.btn-delete:hover{background:#c82333}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-radius:8px;border:2px solid #e1e5e9;transition:all .3s}.list-item:hover{border-color:#1e3a5f;box-shadow:0 2px 8px #0000001a}.item-label{font-weight:600;color:#1e3a5f;font-size:1.05rem}.item-actions{display:flex;gap:.5rem}.btn-edit-small,.btn-delete-small{width:35px;height:35px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s}.btn-edit-small{background:#1e3a5f}.btn-edit-small:hover{background:#0f1f2e;transform:scale(1.1)}.btn-delete-small{background:#dc3545}.btn-delete-small:hover{background:#c82333;transform:scale(1.1)}.produits-list{overflow-x:auto}.produits-table{width:100%;border-collapse:collapse;background:#fff}.produits-table thead{background:#1e3a5f;color:#fff}.produits-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9rem;border-bottom:2px solid #ffd700}.produits-table tbody tr{border-bottom:1px solid #e1e5e9;transition:background-color .2s}.produits-table tbody tr:hover{background-color:#f8f9fa}.produits-table td{padding:1rem;vertical-align:middle}.list-product-image{width:60px;height:60px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.list-product-image img{width:100%;height:100%;object-fit:cover}.badge-small{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;border-radius:12px;font-size:.75rem;font-weight:600}.quantity-badge{display:inline-block;padding:.25rem .75rem;background:#e8f5e9;color:#10b981;border-radius:12px;font-weight:600;font-size:.9rem}.list-actions{display:flex;gap:.5rem}.btn-icon{width:36px;height:36px;border:none;border-radius:8px;background:#f0f0f0;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.btn-icon:hover{background:#e0e0e0;transform:translateY(-2px)}.btn-icon-danger:hover{background:#ffebee;color:#dc3545}@media (max-width: 768px){.produits-management{padding:1rem}.tabs{flex-wrap:wrap}.tab{flex:1;min-width:120px;padding:.75rem 1rem;font-size:.9rem}.tab-content{padding:1rem}.form-row,.produits-grid,.list-grid{grid-template-columns:1fr}.produits-table{font-size:.85rem}.produits-table th,.produits-table td{padding:.5rem}.list-product-image{width:50px;height:50px}.view-toggle{width:100%;justify-content:center}.actions-bar,.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}.backoffice-layout{display:flex;min-height:100vh;overflow-x:hidden}.backoffice-content{flex:1;margin-left:280px;max-width:calc(100vw - 280px);overflow-x:hidden;box-sizing:border-box;background:#f8f9fa}@media (max-width: 768px){.backoffice-content{margin-left:0}}.references-management{padding:2rem;background:#f8f9fa;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.btn-add-main{padding:.85rem 1.75rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1e3a5f;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #0000001a}.btn-add-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70080;background:linear-gradient(135deg,#ffed4e,gold)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid #ccc;transition:all .3s}.filters-bar{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:1rem;flex:1;min-width:250px}.filter-group select{flex:1;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;cursor:pointer;transition:border-color .3s}.filter-group select:focus{outline:none;border-color:gold}.btn-reset-filter{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.form-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s}.form-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}.form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f0f0f0}.form-header h2{margin:0;color:#1e3a5f;font-size:1.5rem}.close-btn{width:35px;height:35px;border:none;background:#f0f0f0;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.form-modal form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-weight:600;color:#1e3a5f;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:gold}.form-hint{display:block;margin-top:.5rem;color:#666;font-size:.85rem;font-style:italic}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-submit{flex:1;padding:.85rem;background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e3a5f4d}.btn-cancel{flex:1;padding:.85rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.btn-cancel:hover{background:#5a6268}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.reference-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s}.reference-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-logo{position:relative;width:100%;height:150px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:1rem}.card-logo img{max-width:100%;max-height:100%;object-fit:contain}.type-badge{position:absolute;top:.75rem;right:.75rem;padding:.4rem 1rem;color:#fff;border-radius:20px;font-weight:700;font-size:.85rem;text-transform:uppercase;box-shadow:0 2px 8px #0003}.card-content{padding:1.5rem}.card-content h3{margin:0 0 1rem;color:#1e3a5f;font-size:1.2rem}.card-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.info-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.95rem}.info-item strong{color:#1e3a5f}.card-actions{display:flex;gap:.5rem}.btn-edit,.btn-delete{flex:1;padding:.65rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.btn-edit{background:#1e3a5f;color:#fff}.btn-edit:hover{background:#0f1f2e;transform:translateY(-2px)}.empty-state p{font-size:1.2rem;margin:0 0 .5rem}.empty-state small{color:#999}@media (max-width: 768px){.references-management{padding:1rem}.header{flex-direction:column;align-items:flex-start}.header h1{font-size:1.5rem}.btn-add-main{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar,.filter-group{flex-direction:column;align-items:stretch}.btn-reset-filter{width:100%}.form-modal{margin:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.references-grid{grid-template-columns:1fr}}.demandes-devis-management{margin-left:280px;padding:2rem;background:#f8f9fa;min-height:100vh;max-width:calc(100vw - 280px);overflow-x:hidden;box-sizing:border-box}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-info h3{margin:0;color:#666;font-size:.95rem;font-weight:600}.demandes-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.demandes-table table{width:100%;border-collapse:collapse}.demandes-table th{background:#1e3a5f;color:#fff;padding:1rem;text-align:left;font-weight:600}.demandes-table td{padding:1rem;border-bottom:1px solid #e1e5e9}.demandes-table tbody tr:hover{background:#f8f9fa}.btn-view,.btn-validate,.btn-reject,.btn-delete{padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s}.btn-validate{background:#28a745;color:#fff}.btn-validate:hover{background:#218838;transform:translateY(-2px)}.btn-reject{background:#ffc107;color:#fff}.btn-reject:hover{background:#e0a800;transform:translateY(-2px)}.statut-badge{padding:.4rem .8rem;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem;text-transform:uppercase;display:inline-block}.badge{padding:.3rem .6rem;border-radius:12px;font-weight:600;font-size:.85rem;display:inline-block}.badge-yes{background:#d4edda;color:#155724}.badge-no{background:#f8d7da;color:#721c24}.admin-comment{background:#fff3cd;border-left:4px solid #ffc107}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #f0f0f0;justify-content:flex-end}.btn-validate-modal,.btn-reject-modal,.btn-delete-modal,.btn-close-modal{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-validate-modal{background:#28a745;color:#fff}.btn-validate-modal:hover{background:#218838}.btn-reject-modal{background:#ffc107;color:#fff}.btn-reject-modal:hover{background:#e0a800}.btn-close-modal{background:#6c757d;color:#fff}@media (max-width: 768px){.demandes-devis-management{padding:1rem}.stats-grid{grid-template-columns:1fr}.filters-bar,.filter-group{flex-direction:column;align-items:stretch}.demandes-table{overflow-x:auto}.modal-content{margin:1rem}.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}}@media (max-width: 1024px){.demandes-devis-management{margin-left:200px}}@media (max-width: 768px){.demandes-devis-management{margin-left:0;padding:1.5rem}}.reclamations-management{margin-left:250px;padding:2rem;background:#f8f9fa;min-height:100vh;max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{color:#1e3a5f;font-size:2rem;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a;border-left:4px solid;transition:all .3s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-info h3{margin:0;color:#666;font-size:.9rem;font-weight:600}.stat-number{font-size:2rem;font-weight:700;color:#1e3a5f;margin:.25rem 0 0}.filters-bar{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000001a}.filter-group{display:flex;align-items:center;gap:1rem;flex:1}.filter-group label{font-weight:600;color:#1e3a5f;white-space:nowrap}.filter-group select{flex:1;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;cursor:pointer}.btn-reset-filter{padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-reset-filter:hover{background:#5a6268}.reclamations-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.reclamations-table table{width:100%;border-collapse:collapse}.reclamations-table th{background:#1e3a5f;color:#fff;padding:1rem;text-align:left;font-weight:600}.reclamations-table td{padding:1rem;border-bottom:1px solid #e1e5e9}.reclamations-table tbody tr:hover{background:#f8f9fa}.sujet-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:.5rem}.btn-view,.btn-delete{padding:.5rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s}.btn-view{background:#17a2b8;color:#fff}.btn-view:hover{background:#138496;transform:translateY(-2px)}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333;transform:translateY(-2px)}.statut-badge{padding:.4rem .8rem;border-radius:20px;color:#fff;font-weight:600;font-size:.85rem;display:inline-block}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .3s}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;color:#1e3a5f}.close-btn{width:35px;height:35px;border:none;background:#f0f0f0;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s}.close-btn:hover{background:#dc3545;color:#fff;transform:rotate(90deg)}.modal-body{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section h3{color:#1e3a5f;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e1e5e9}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item.full-width{grid-column:1 / -1}.detail-item strong{color:#666;font-size:.9rem}.detail-item span{color:#1e3a5f;font-weight:600}.sujet-text{font-size:1.1rem;font-weight:700;color:#1e3a5f}.text-content{background:#f8f9fa;padding:1rem;border-radius:8px;color:#333;line-height:1.6;margin:0}.admin-comment{background:#d1ecf1;border-left:4px solid #17a2b8}.modal-footer{display:flex;gap:.75rem;padding:1.5rem 2rem;border-top:2px solid #f0f0f0;flex-wrap:wrap}.btn-status-modal,.btn-delete-modal,.btn-close-modal{padding:.65rem 1.25rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.btn-status-modal:disabled{opacity:.5;cursor:not-allowed}.btn-attente{background:#ffc107;color:#fff}.btn-attente:hover:not(:disabled){background:#e0a800}.btn-encours{background:#17a2b8;color:#fff}.btn-encours:hover:not(:disabled){background:#138496}.btn-resolue{background:#28a745;color:#fff}.btn-resolue:hover:not(:disabled){background:#218838}.btn-fermee{background:#6c757d;color:#fff}.btn-fermee:hover:not(:disabled){background:#5a6268}.btn-delete-modal{background:#dc3545;color:#fff}.btn-delete-modal:hover{background:#c82333}.btn-close-modal{background:#6c757d;color:#fff;margin-left:auto}.btn-close-modal:hover{background:#5a6268}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;color:#666}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.reclamations-management{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-bar,.filter-group{flex-direction:column;align-items:stretch}.reclamations-table{overflow-x:auto}.modal-content{margin:1rem}.detail-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-close-modal{margin-left:0}}@media (max-width: 1024px){.reclamations-management{margin-left:200px}}@media (max-width: 768px){.reclamations-management{margin-left:0;padding:1.5rem}}.stock-management{padding:20px;max-width:100%;overflow-x:hidden}.stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.stock-header h1{color:#1e3a5f;font-size:2rem;margin:0}.view-tabs{display:flex;gap:10px}.view-tabs button{padding:10px 20px;border:2px solid #1e3a5f;background:#fff;color:#1e3a5f;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.view-tabs button:hover{background:#f8f9fa}.view-tabs button.active{background:linear-gradient(135deg,#1e3a5f,#0f4c81);color:#fff}.period-filter{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;border:2px solid #e8ecef}.period-filter label{font-weight:600;color:#1e3a5f;font-size:1rem}.period-filter select{padding:10px 15px;border:2px solid #1e3a5f;border-radius:8px;background:#fff;color:#1e3a5f;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.period-filter select:hover{background:#f8f9fa}.period-filter select:focus{outline:none;border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a}.custom-date-range{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.date-input-group{display:flex;align-items:center;gap:8px}.date-input-group label{font-weight:600;color:#1e3a5f;font-size:.9rem}.date-input-group input[type=date]{padding:8px 12px;border:2px solid #1e3a5f;border-radius:8px;background:#fff;color:#1e3a5f;font-size:.9rem;cursor:pointer;transition:all .3s ease}.date-input-group input[type=date]:hover{background:#f8f9fa}.date-input-group input[type=date]:focus{outline:none;border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{padding:25px;border-radius:15px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px #00000026}.stat-card.blue{background:#fff;color:#1e3a5f;border:2px solid #e8ecef}.stat-card.blue:hover{border-color:#1e3a5f}.stat-info h3{margin:0 0 5px;font-size:1.8rem;font-weight:700}.stat-info p{margin:0;font-size:.95rem;opacity:.9}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.chart-container{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;border:2px solid #e8ecef;overflow:hidden}.chart-container.full-width{grid-column:1 / -1}.chart-container h3{color:#1e3a5f;margin:0 0 20px;font-size:1.2rem;border-bottom:3px solid #e67e22;padding-bottom:10px}.top-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.top-products-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;border:2px solid #e8ecef}.top-products-card.alert-card{border-color:#ff6b6b;background:linear-gradient(to bottom,#fff5f5,#fff)}.top-products-card h3{color:#1e3a5f;margin:0 0 20px;font-size:1.2rem;border-bottom:3px solid #e67e22;padding-bottom:10px}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f8f9fa;border-radius:10px;border-left:4px solid #1e3a5f;transition:all .3s ease}.product-item:hover{background:#e8ecef;transform:translate(5px)}.product-item.alert{border-left-color:#ff6b6b;background:#fff5f5}.product-item.alert:hover{background:#ffe5e5}.product-item .rank{background:#1e3a5f;color:#fff;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:.9rem}.product-item .rank.alert{background:#ff6b6b}.product-details{flex:1;display:flex;flex-direction:column}.product-details strong{color:#1e3a5f;font-size:.95rem}.product-details small{color:#666;font-size:.8rem}.product-stats{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.product-stats .quantity{background:#1e3a5f;color:#fff;padding:4px 10px;border-radius:15px;font-size:.85rem;font-weight:600}.product-stats .quantity.alert{background:#ff6b6b}.product-stats .price{color:#e67e22;font-weight:700;font-size:.9rem}.alerts-view{padding:20px}.alerts-view h2{color:#1e3a5f;margin-bottom:25px;font-size:1.8rem}.no-alerts{background:linear-gradient(135deg,#d4edda,#c3e6cb);padding:40px;border-radius:15px;text-align:center;border:2px solid #28a745}.no-alerts p{color:#155724;font-size:1.2rem;font-weight:600;margin:0}.alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.alert-card-item{background:#fff;border:2px solid #ff6b6b;border-radius:15px;padding:20px;box-shadow:0 4px 15px #ff6b6b33;transition:all .3s ease}.alert-card-item:hover{transform:translateY(-5px);box-shadow:0 6px 25px #ff6b6b4d}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ffe5e5}.alert-header h4{color:#1e3a5f;margin:0;font-size:1.1rem}.alert-badge{background:#ff6b6b;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9rem}.alert-details p{margin:8px 0;color:#555;font-size:.95rem}.alert-details strong{color:#1e3a5f}.details-view{padding:20px}.details-view h2{color:#1e3a5f;margin-bottom:30px;font-size:1.8rem}.details-section{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;border:2px solid #e8ecef}.details-section h3{color:#1e3a5f;margin:0 0 20px;font-size:1.3rem;border-bottom:3px solid #e67e22;padding-bottom:10px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #1e3a5f}.detail-item label{color:#555;font-weight:600;font-size:.95rem}.detail-item span{color:#1e3a5f;font-weight:700;font-size:1.1rem}.details-table{width:100%;border-collapse:collapse;margin-top:15px}.details-table thead{background:linear-gradient(135deg,#1e3a5f,#0f4c81);color:#fff}.details-table th{padding:15px;text-align:left;font-weight:600;font-size:.95rem}.details-table th:first-child{border-top-left-radius:10px}.details-table th:last-child{border-top-right-radius:10px}.details-table tbody tr{border-bottom:1px solid #e8ecef;transition:background .3s ease}.details-table tbody tr:hover{background:#f8f9fa}.details-table td{padding:12px 15px;color:#555}.details-table tbody tr:last-child{border-bottom:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px}.spinner{width:60px;height:60px;border:5px solid #f8f9fa;border-top:5px solid #1e3a5f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{margin-top:20px;color:#1e3a5f;font-size:1.1rem;font-weight:600}@media (max-width: 768px){.stock-header{flex-direction:column;align-items:flex-start}.view-tabs{width:100%;flex-wrap:wrap}.view-tabs button{flex:1;min-width:120px}.period-filter{flex-direction:column;align-items:flex-start}.period-filter select{width:100%}.custom-date-range{width:100%;flex-direction:column}.date-input-group{width:100%}.date-input-group input[type=date]{flex:1}.charts-grid,.stats-cards,.top-products-grid,.alerts-grid,.details-grid{grid-template-columns:1fr}}.stock-palettes-container{display:flex;min-height:100vh;overflow-x:hidden}.stock-palettes-content{flex:1;margin-left:250px;padding:30px;background:var(--light-gray, #f8f9fa);max-width:calc(100vw - 250px);overflow-x:hidden;box-sizing:border-box}.dashboard-header{margin-bottom:30px;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);padding:30px;border-radius:16px;color:#fff;box-shadow:0 4px 15px #1e3a5f4d}.dashboard-header h1{color:#fff!important;font-size:2.5rem;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.dashboard-header p{color:#fff!important;font-size:1.1rem;margin:0;opacity:.95;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.header-actions{display:flex;gap:15px;margin-top:20px}.btn-delete-all,.btn-import{border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-delete-all{background:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.btn-delete-all:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.btn-import{background:var(--primary-yellow, #ffd700);color:var(--primary-blue, #1e3a5f);font-weight:600;box-shadow:0 2px 8px #ffd7004d}.btn-import:hover{background:var(--secondary-yellow, #ffb700);transform:translateY(-2px);box-shadow:0 4px 12px #ffd70080}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-card .stat-icon{font-size:48px;line-height:1}.stat-card .stat-content h3{margin:0;font-size:32px;font-weight:700;color:#2c3e50}.stat-card .stat-content p{margin:5px 0 0;font-size:14px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.stat-card.blue{border-left:4px solid #3498db}.stat-card.orange{border-left:4px solid #f39c12}.stat-card.gray{border-left:4px solid #95a5a6}.stat-card.green{border-left:4px solid #27ae60}.filters-container{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:15px;flex-wrap:wrap}.search-input{flex:1;min-width:250px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--primary-blue, #3498db)}.status-select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;background:#fff;transition:border-color .2s}.status-select:focus{outline:none;border-color:var(--primary-blue, #3498db)}.palettes-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:20px}.palettes-table{width:100%;border-collapse:collapse}.palettes-table thead{background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);color:#fff}.palettes-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.palettes-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.palettes-table tbody tr:hover{background-color:#f8f9fa}.palettes-table td{padding:14px 12px;font-size:14px;color:#2c3e50}.palettes-table td.no-data{text-align:center;padding:60px;color:#95a5a6;font-size:16px}.palettes-table td.text-success{color:#27ae60;font-weight:600}.palettes-table td.text-danger{color:#e74c3c;font-weight:600}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.badge-secondary{background:#e2e3e5;color:#383d41}.action-buttons{display:flex;gap:8px}.action-buttons button{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:transform .2s,background-color .2s;background:#ecf0f1}.action-buttons button:hover{transform:scale(1.1)}.btn-detail{background:#3498db}.btn-edit{background:#f39c12}.btn-reactivate{background:#27ae60}.btn-detail:hover,.btn-edit:hover,.btn-reactivate:hover{opacity:.9}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.pagination-bar button{padding:10px 20px;border:2px solid #3498db;background:#fff;color:#3498db;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.pagination-bar button:hover:not(:disabled){background:#3498db;color:#fff}.pagination-bar button:disabled{opacity:.4;cursor:not-allowed}.pagination-bar span{font-weight:600;color:#2c3e50}.loading-spinner{text-align:center;padding:80px;font-size:18px;color:#7f8c8d}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-large,.modal-small{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:90vh;overflow-y:auto;animation:slideUp .3s}.modal-large{width:90%;max-width:1200px}.modal-small{width:90%;max-width:500px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);color:#fff;border-radius:16px 16px 0 0}.modal-header h2{margin:0;font-size:22px;font-weight:600}.modal-close{background:#fff3;border:none;color:#fff;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:#ffffff4d}.modal-body{padding:30px}.palette-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.info-item{font-size:14px;color:#2c3e50}.info-item strong{display:block;margin-bottom:5px;color:#7f8c8d;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.section-title{font-size:18px;font-weight:600;color:#2c3e50;margin:25px 0 15px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.articles-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0}.articles-table{width:100%;border-collapse:collapse}.articles-table thead{background:#f8f9fa}.articles-table th{padding:12px;text-align:left;font-weight:600;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#7f8c8d;border-bottom:2px solid #e0e0e0}.articles-table tbody tr{border-bottom:1px solid #f0f0f0}.articles-table tbody tr:last-child{border-bottom:none}.articles-table tbody tr:hover{background-color:#f8f9fa}.articles-table td{padding:12px;font-size:13px;color:#2c3e50}.articles-table td code{background:#ecf0f1;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:#e74c3c}.btn-reserve,.btn-liberate{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-reserve{background:#f39c12;color:#fff}.btn-reserve:hover{background:#e67e22}.btn-liberate{background:#27ae60;color:#fff}.btn-liberate:hover{background:#229954}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3498db}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 30px;border-top:2px solid #f0f0f0}.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-cancel{background:#ecf0f1;color:#2c3e50}.btn-cancel:hover{background:#bdc3c7}.btn-save{background:linear-gradient(135deg,var(--primary-blue, #1e3a5f) 0%,var(--primary-blue-dark, #0f1f2e) 100%);color:#fff}.btn-save:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f66}.btn-import-modal{background:var(--primary-blue, #1e3a5f);color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-import-modal:hover:not(:disabled){background:var(--primary-blue-dark, #0f1f2e);transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f66}.btn-import-modal:disabled{opacity:.5;cursor:not-allowed}.file-upload-section{margin-bottom:30px}.file-upload-label{cursor:pointer;display:block}.file-upload-box{border:3px dashed #e0e0e0;border-radius:12px;padding:40px;text-align:center;transition:all .3s;background:#f8f9fa}.file-upload-box:hover{border-color:var(--primary-blue, #3498db);background:#f0f4f8}.upload-icon{font-size:48px;display:block;margin-bottom:15px}.file-upload-box p{margin:10px 0;font-size:16px;font-weight:600;color:#2c3e50}.file-upload-box small{color:#7f8c8d;font-size:13px}.preview-section{margin-top:30px}.preview-section h3{font-size:16px;margin-bottom:15px;color:#2c3e50}.preview-table-container{overflow-x:auto;border-radius:8px;border:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table thead{background:#f8f9fa;position:sticky;top:0;z-index:5}.preview-table th{padding:12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e0e0e0}.preview-table tbody tr{border-bottom:1px solid #f0f0f0}.preview-table tbody tr:hover{background-color:#f8f9fa}.preview-table td{padding:10px 12px;color:#495057}@media (max-width: 768px){.stock-palettes-content{margin-left:0;max-width:100vw;padding:15px}.stats-cards-grid{grid-template-columns:1fr}.filters-container{flex-direction:column}.search-input,.status-select{width:100%}.palettes-table-container{overflow-x:auto}.palettes-table{min-width:1000px}.modal-large{width:95%;max-height:95vh}.modal-body{padding:20px}.palette-info-grid{grid-template-columns:1fr}}.inventaire-container{padding:25px;background-color:#f8f9fa;min-height:100vh}.inventaire-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.title-section{display:flex;align-items:center;gap:12px}.title-icon{font-size:2rem;color:#1e3a5f}.inventaire-header h1{margin:0;font-size:1.9rem;font-weight:700;color:#1e3a5f}.filters-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;flex-wrap:wrap}.filters-group{display:flex;gap:15px;flex:1;flex-wrap:wrap;align-items:center}.search-filter{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#64748b}.search-filter input{width:100%;padding:12px 16px 12px 45px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .3s ease}.search-filter input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.year-filter{display:flex;align-items:center;gap:8px}.year-filter label{font-weight:600;color:#1e3a5f;font-size:.95rem;white-space:nowrap}.year-filter select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-weight:500;color:#1e3a5f;cursor:pointer;transition:all .3s ease;background:#fff;min-width:120px}.year-filter select:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.add-inventaire-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #8b5cf666;text-transform:uppercase;letter-spacing:.5px}.add-inventaire-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf680;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.add-icon{font-size:1.3rem;font-weight:700}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:20px}.inventaire-table{width:100%;border-collapse:collapse}.inventaire-table thead{background:linear-gradient(135deg,#1e3a5f,#0f4c81)}.inventaire-table thead th{padding:18px 16px;text-align:left;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.5px}.inventaire-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.inventaire-table tbody tr:hover{background-color:#f8f9fa}.inventaire-table tbody td{padding:16px;font-size:.95rem;color:#334155}.no-data{text-align:center;padding:60px 20px!important}.no-data-message{display:flex;flex-direction:column;align-items:center;gap:15px}.no-data-icon{font-size:4rem;opacity:.5}.no-data-message p{margin:0;font-size:1.1rem;color:#94a3b8;font-weight:500}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-weight:600;font-size:.85rem;text-transform:uppercase}.status-badge.en-cours{background:#dbeafe;color:#1e40af}.status-badge.termine{background:#d1fae5;color:#065f46}.status-badge.en-attente{background:#fef3c7;color:#92400e}.status-badge.annule{background:#fee2e2;color:#991b1b}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:20px}.pagination-info{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#64748b;font-weight:500}.pagination-info select{padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:600;color:#1e3a5f;cursor:pointer;transition:all .3s ease}.pagination-info select:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.pagination-controls{display:flex;align-items:center;gap:10px}.pagination-btn{padding:10px 18px;background:#fff;color:#1e3a5f;border:2px solid #1e3a5f;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e3a5f,#0f4c81);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #1e3a5f4d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-number{padding:10px 20px;background:linear-gradient(135deg,#1e3a5f,#0f4c81);color:#fff;border-radius:8px;font-weight:700;font-size:.95rem}@media (max-width: 1024px){.filters-actions-bar,.filters-group{flex-direction:column;align-items:stretch}.search-filter{width:100%;min-width:unset}.add-inventaire-btn{width:100%;justify-content:center}}@media (max-width: 768px){.inventaire-container{padding:15px}.inventaire-header{flex-direction:column;gap:15px;text-align:center}.inventaire-header h1{font-size:1.5rem}.table-container{overflow-x:auto}.inventaire-table{min-width:900px}.pagination-container{flex-direction:column;gap:15px}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{padding:8px 14px;font-size:.85rem}}@media (max-width: 480px){.title-section{flex-direction:column;gap:8px}.title-icon{font-size:1.5rem}.inventaire-header h1{font-size:1.3rem}.add-inventaire-btn{padding:10px 20px;font-size:.9rem}.pagination-btn{padding:8px 12px;font-size:.8rem}.page-number{padding:8px 16px;font-size:.85rem}}.wh3d-warehouse-container{display:flex;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#ecf0f1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.wh3d-warehouse-content{flex:1;margin-left:250px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden;pointer-events:auto;position:relative;z-index:1}.wh3d-warehouse-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000004d}.wh3d-header-left h1{margin:0;font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.wh3d-header-left p{margin:.5rem 0 0;opacity:.9;font-size:.95rem}.wh3d-btn-refresh{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.wh3d-btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.wh3d-stats-bar{display:flex;gap:1rem;flex-wrap:wrap}.wh3d-stat-card{flex:1;min-width:150px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;text-align:center;border-left:4px solid;transition:all .3s ease}.wh3d-stat-card:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.wh3d-stat-card.total{border-left-color:#3498db}.wh3d-stat-card.active{border-left-color:#2ecc71}.wh3d-stat-card.reserve{border-left-color:#f39c12}.wh3d-stat-card.archive{border-left-color:#95a5a6}.wh3d-stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.wh3d-stat-label{font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.wh3d-controls-panel{display:flex;gap:2rem;align-items:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;flex-wrap:wrap}.wh3d-control-group{display:flex;align-items:center;gap:1rem}.wh3d-control-group label{font-weight:600;color:#ffffffe6;font-size:.95rem}.wh3d-view-buttons{display:flex;gap:.5rem}.wh3d-btn-view{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.wh3d-btn-view:hover{background:#fff3;border-color:#fff6}.wh3d-btn-view.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea66}.wh3d-filter-select{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:6px;font-size:.95rem;cursor:pointer;transition:all .3s ease;min-width:150px}.wh3d-filter-select:hover{background:#ffffff26;border-color:#ffffff4d}.wh3d-filter-select option{background:#2c3e50;color:#fff}.wh3d-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.wh3d-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.wh3d-canvas-container{flex:1;position:relative;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0006;min-height:400px;pointer-events:auto!important;cursor:grab;z-index:1}.wh3d-canvas-container:active{cursor:grabbing}.wh3d-canvas-container canvas{display:block;width:100%!important;height:100%!important;pointer-events:auto!important;touch-action:none;position:relative;z-index:1}.wh3d-loading-overlay{position:absolute;inset:0;background:#1a1a2ee6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000;pointer-events:all}.wh3d-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wh3d-loading-overlay p{color:#fff;font-size:1.1rem}.wh3d-legend{position:absolute;bottom:20px;left:20px;background:#1a1a2ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:8px;border:2px solid rgba(255,255,255,.1);z-index:10;pointer-events:none}.wh3d-legend h4{margin:0 0 .75rem;color:#fff;font-size:1rem}.wh3d-legend-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.wh3d-legend-item:last-child{margin-bottom:0}.wh3d-legend-color{width:24px;height:24px;border-radius:4px;border:2px solid rgba(255,255,255,.3)}.wh3d-legend-item span{color:#ffffffe6;font-size:.9rem}.wh3d-info-panel{position:absolute;top:20px;right:20px;width:320px;max-height:80%;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:2px solid rgba(102,126,234,.3);box-shadow:0 8px 24px #0006;overflow-y:auto;animation:slideIn .3s ease;z-index:100}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.wh3d-info-panel h3{margin:0;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px 10px 0 0;font-size:1.1rem}.wh3d-info-content{padding:1.25rem}.wh3d-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.wh3d-info-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.wh3d-info-label{font-weight:600;color:#ffffffb3;font-size:.9rem}.wh3d-info-value{color:#fff;font-weight:500}.wh3d-status-badge{padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wh3d-status-badge.active{background:#2ecc7133;color:#2ecc71;border:1px solid #2ecc71}.wh3d-status-badge.reserve{background:#f39c1233;color:#f39c12;border:1px solid #f39c12}.wh3d-status-badge.archive{background:#95a5a633;color:#95a5a6;border:1px solid #95a5a6}.wh3d-info-actions{display:flex;gap:.75rem;padding:1.25rem;border-top:1px solid rgba(255,255,255,.1)}.wh3d-btn-move{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.wh3d-btn-move:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.wh3d-btn-close{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.wh3d-btn-close:hover{background:#fff3;border-color:#ffffff4d}.wh3d-info-panel::-webkit-scrollbar{width:8px}.wh3d-info-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.wh3d-info-panel::-webkit-scrollbar-thumb{background:#667eea80;border-radius:4px}.wh3d-info-panel::-webkit-scrollbar-thumb:hover{background:#667eeab3}@media (max-width: 1024px){.wh3d-warehouse-content{margin-left:0;padding:1rem}.wh3d-controls-panel{flex-direction:column;align-items:stretch;gap:1rem}.wh3d-control-group{flex-direction:column;align-items:stretch;gap:.5rem}.wh3d-view-buttons{justify-content:space-between}.wh3d-info-panel{width:calc(100% - 40px);max-width:320px}}@media (max-width: 768px){.wh3d-warehouse-header{flex-direction:column;gap:1rem;align-items:stretch}.wh3d-header-left h1{font-size:1.5rem}.wh3d-stats-bar{grid-template-columns:repeat(2,1fr)}.wh3d-stat-value{font-size:2rem}.wh3d-legend{position:fixed;bottom:10px;left:10px;right:10px;width:auto}.wh3d-info-panel{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:60%;border-radius:12px 12px 0 0}}