@import"https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital@0;1&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background-image:url(/assets/background-yets7BeJ.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;font-family:Arial,sans-serif;color:#2e7d32}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #4CAF50;--secondary-color: #388E3C;--text-color: #2E3A40;--light-bg: #F8F9FA;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:var(--shadow);position:relative;z-index:1000}.navbar-brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.navbar-logo-icon-wrapper{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:12px;box-shadow:0 3px 10px #22c55e59}.navbar-logo-sprout{color:#fff;stroke-width:2.2px}.navbar-logo-text{font-size:1.75rem;font-family:Montserrat Alternates,sans-serif;font-weight:700;letter-spacing:-.5px;line-height:1}.logo-vivri{color:#16a34a;font-style:italic}.logo-market{color:#f59e0b}.menu-toggle{background:none;border:none;cursor:pointer;color:var(--text-color);display:none;z-index:1001}.navbar-links{display:flex;gap:1.5rem;align-items:center}.navbar-link{display:flex;align-items:center;gap:.5rem;color:#000;text-decoration:none;font-weight:600;padding:.5rem 0;transition:var(--transition);border-bottom:2px solid transparent;font-family:Montserrat Alternates,sans-serif;font-size:2em}.navbar-link:hover{color:var(--primary-color);border-color:var(--primary-color)}.navbar-link svg{transition:var(--transition)}.logout-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-weight:500;padding:0}.logout-button:hover{color:#e53935}.navbar-search{display:flex;align-items:center;background:#f4fef7;border:1.5px solid #d1fae5;border-radius:8px;overflow:hidden;height:36px;transition:border-color .2s}.navbar-search:focus-within{border-color:#22c55e}.navbar-search-input{border:none;background:transparent;padding:0 .75rem;font-size:.875rem;outline:none;width:180px;font-family:inherit;color:var(--text-color)}.navbar-search-input::placeholder{color:#9ca3af}.navbar-search-btn{background:#22c55e;border:none;color:#fff;padding:0 .75rem;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.navbar-search-btn:hover{background:#16a34a}@media(max-width:768px){.menu-toggle{display:block}.navbar-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#fff;flex-direction:column;justify-content:center;gap:2rem;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;padding:2rem;font-family:Montserrat Alternates,sans-serif}.navbar-links.active{right:0}.navbar-link{width:100%;padding:1rem 0;border-bottom:1px solid #eee}.navbar-search{width:100%;height:44px;border-radius:10px}.navbar-search-input{width:100%;flex:1;font-size:1rem}}.initials-circle{margin-left:8px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:var(--primary-dark);color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase}.initials-circle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#22c55e;color:#fff;font-weight:700;font-size:14px;margin-left:8px}@media(max-width:768px){.initials-circle{margin-left:0;margin-top:5px}}.navbar-messages-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.navbar-msg-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.navbar-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-left:8px;border:2px solid #22c55e;display:block;flex-shrink:0}@media(max-width:768px){.navbar-avatar{margin-left:0;margin-top:5px}}.home-container{padding:40px 20px;font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#fff}.hero{text-align:center;margin-bottom:50px}.hero h1{font-size:2.5rem;color:#1f6e23;margin-bottom:10px}.hero p{font-size:1.2rem;color:#2a3625}.about{max-width:700px;margin:0 auto 40px;text-align:center;color:#303f29}.sample-products{text-align:center}.cta-button{display:inline-block;margin-top:25px;padding:12px 25px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;text-decoration:none;font-weight:700;transition:background-color .3s ease}.cta-button:hover{background-color:#388e3c}.cta-subtext{font-size:.9rem;margin-top:10px;color:#555}.carousel-wrapper{display:flex;align-items:center;justify-content:center;gap:15px;margin:30px 0;position:relative}.carousel-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;max-width:100%;transition:transform .5s ease-in-out}.product-card{background-color:#ffffffde;border:1px solid #dcefd8;border-radius:12px;padding:20px;box-shadow:0 6px 12px #00000014;transition:transform .2s ease-in-out;width:240px;flex-shrink:0;text-align:center}.product-card:hover{transform:translateY(-6px)}.product-card img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:transform .2s ease}.product-card img:hover{transform:scale(1.03)}.clickable-image{transition:transform .2s ease}.clickable-image:hover{transform:scale(1.03)}.product-card p{font-weight:700;font-size:1.1rem;color:#2e7d32;margin:0}.animated-slide{animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translate(30%);opacity:0}to{transform:translate(0);opacity:1}}.carousel-button{background-color:#102212;border:1px solid #a5d6a7;border-radius:50%;font-size:1.5rem;padding:8px 12px;cursor:pointer;transition:background-color .2s ease}.carousel-button:hover{background-color:#c8e6c9}.carousel-button.left{margin-right:10px}.carousel-button.right{margin-left:10px}.whatsapp-float{position:fixed;bottom:20px;right:20px;z-index:1000;background-color:#25d366;border-radius:50%;padding:10px;box-shadow:0 2px 10px #0003;transition:transform .2s ease-in-out}.whatsapp-float:hover{transform:scale(1.1)}.whatsapp-float img{width:32px;height:32px}.whatsapp-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.whatsapp-label{margin-top:3px;font-size:12px;color:#fff;font-weight:700}.special-promo{background:linear-gradient(135deg,#ff8a00,#da1b60);padding:40px 20px;margin:40px 0;border-radius:16px;text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 20px #da1b6040}.home-promo-card{max-width:800px;margin:0 auto;position:relative;z-index:2}.home-promo-badge{position:absolute;top:-15px;right:-15px;background:#e74c3c;color:#fff;font-weight:700;padding:10px 20px;border-radius:30px;transform:rotate(15deg);font-size:1.2rem;box-shadow:0 4px 10px #0003}.home-promo-highlight{font-size:1.4rem;margin:20px 0;background:#ffffff4d;padding:15px;border-radius:12px;display:inline-block;font-weight:700}.home-promo-button{display:inline-block;background:#fff;color:#da1b60;padding:12px 30px;border-radius:50px;font-weight:700;text-decoration:none;margin-top:15px;transition:all .3s ease;box-shadow:0 4px 10px #0003}.home-promo-button:hover{background:#fff0f5;transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.about-section{background-color:#f9f9f9;padding:50px 20px;margin:40px 0;border-radius:16px}.about-content{max-width:800px;margin:0 auto}.benefits-list{list-style:none;padding:0;margin-top:30px}.benefits-list li{padding:15px 20px;margin-bottom:15px;background:#fff;border-left:4px solid #27ae60;border-radius:8px;font-size:1.1rem;box-shadow:0 3px 10px #0000000d;transition:transform .3s ease}.benefits-list li:hover{transform:translate(10px)}.animated-slide{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.carousel-group{flex-wrap:wrap;justify-content:center}.product-card{width:90%;margin-bottom:20px}.carousel-button{font-size:1.2rem;padding:6px 10px}}body{line-height:1.5;font-family:Courier New,Courier,monospace}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1170px;margin:auto}.row{display:flex;flex-wrap:wrap}ul{list-style:none}.footer{background-color:#000c;padding:40px 0}.footer-col{width:25%;padding:0 10px}.footer-col h4{font-size:18px;color:#fff;text-transform:capitalize;margin-bottom:15px;font-weight:500;position:relative}.footer-col h4:before{content:"";position:absolute;left:0;bottom:-6px;background-color:#e91e63;height:2px;box-sizing:border-box;width:50px}.footer-col ul li:not(:last-child){margin-bottom:.3px}.footer-col ul li a{font-size:16px;text-transform:capitalize;color:#bbb;text-decoration:none;font-weight:300;display:block;transition:all .3s ease}.footer-col ul li a:hover{color:#fff;padding-left:8px}.footer-col .social-links a{display:inline-block;height:40px;width:40px;background-color:#fff3;margin:0 8px 8px 0;text-align:center;line-height:40px;border-radius:50%;color:#fff;transition:all .5s ease}.footer-col .social-links a:hover{color:#24262b;background-color:#fff}@media(max-width:767px){.footer-col{width:50%;margin-bottom:20px}}@media(max-width:574px){.footer-col{width:100%}}.promo-banner{background:linear-gradient(90deg,#ff8a00,#da1b60);color:#fff;padding:10px 0;position:relative;overflow:hidden;z-index:1000;box-shadow:0 2px 10px #0003}.promo-container{display:flex;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px;position:relative}.promo-icon{font-size:1.5rem;margin-right:15px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.promo-marquee{flex:1;overflow:hidden;position:relative;height:30px}.promo-text{position:absolute;white-space:nowrap;animation:slideIn .5s forwards,slideOut .5s 4.5s forwards;font-weight:600;font-size:1.1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.close-btn{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.close-btn:hover{background:#ffffff4d}@media(max-width:768px){.promo-text{font-size:.9rem}.promo-icon{font-size:1.2rem;margin-right:10px}.close-btn{width:25px;height:25px;font-size:1.2rem}}@media(max-width:480px){.promo-text{font-size:.8rem;animation:none;position:static;white-space:normal;text-align:center}.promo-marquee{height:auto}.promo-container{flex-direction:column;text-align:center}.promo-icon{margin-right:0;margin-bottom:5px}}.fireworks-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:transparent!important}.fireworks-canvas{filter:drop-shadow(0 0 3px rgba(255,255,255,.8)) contrast(1.2) saturate(1.3)}@keyframes fireworks-pulse{0%,to{filter:contrast(1.2) saturate(1.3)}50%{filter:contrast(1.4) saturate(1.5) brightness(1.1)}}.fireworks-canvas{animation:fireworks-pulse 2s ease-in-out infinite}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);background:linear-gradient(135deg,#e8f5e9,#f1f8e9);padding:2rem}.login-form{background:#fff;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 8px 32px #2e7d321f;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem}.login-form h2{margin-bottom:.25rem;text-align:center;color:#1b5e20;font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.login-form h2:after{content:"";display:block;width:40px;height:3px;background:#2e7d32;margin:.5rem auto 0;border-radius:2px}.login-error{background-color:#fdecea;color:#c62828;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;border-left:4px solid #c62828}.login-form input{padding:.75rem 1rem;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;outline:none;width:100%;box-sizing:border-box}.login-form input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.login-form input:disabled{background:#f5f5f5;cursor:not-allowed}.password-input-container input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none!important;border:none!important;padding:0!important;color:#888;cursor:pointer;font-size:1.1rem;line-height:1;display:flex;align-items:center}.password-toggle:hover{background:none!important;color:#2e7d32}.forgot-password{text-align:right;margin-top:.25rem}.forgot-password a{font-size:.825rem;color:#2e7d32;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.login-button{background-color:#2e7d32;color:#fff;padding:.85rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:.25rem}.login-button:hover:not(:disabled){background-color:#1b5e20;transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem;border-top:1px solid #f0f0f0}.login-footer p{font-size:.875rem;color:#777;margin:0}.register-links{display:flex;flex-direction:column;gap:.5rem;width:100%}.register-links a{display:block;text-align:center;padding:.6rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.register-links a:first-child{background-color:#e8f5e9;color:#2e7d32;border:1.5px solid #a5d6a7}.register-links a:first-child:hover{background-color:#c8e6c9}.register-links a:last-child{background-color:#f9fbe7;color:#558b2f;border:1.5px solid #c5e1a5}.register-links a:last-child:hover{background-color:#f0f4c3}:root{--primary-400: #2ecc71;--primary-500: #27ae60;--primary-600: #219653;--text-800: #2c3e50;--text-600: #34495e;--text-400: #7f8c8d;--error-400: #e74c3c;--warning-400: #f39c12;--background-light: rgba(255, 255, 255, .565);--background-card: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .15);--transition-base: all .2s ease-in-out;--transition-transform: transform .3s cubic-bezier(.25, .8, .25, 1);--radius-md: 12px;--radius-lg: 16px}.products-container{padding:2rem 1.5rem;background-color:#e4e8eb98;min-height:100vh;max-width:1440px;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.products-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;position:relative}.products-container h2{color:var(--text-800);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;margin:0;line-height:1.2;position:relative;padding-bottom:.75rem}.products-container h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:2px;transition:width .3s ease}.refresh-button{background:var(--background-card);border:2px solid var(--primary-400);color:var(--primary-400);font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.refresh-button:hover{background:#2ecc7114;transform:translateY(-2px);box-shadow:var(--shadow-md)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:.5rem}.category-card{background:var(--background-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-transform);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.product-image-container{position:relative;height:180px;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .5s ease}.category-card:hover .product-image{transform:scale(1.08)}.product-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.category-card h3{margin:0;color:var(--text-800);font-size:1.3rem;font-weight:700;text-align:center}.product-price{color:var(--text-600);font-weight:600;font-size:1rem;text-align:center}.product-button{background-color:var(--primary-400);color:#fff;border:none;padding:.85rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:var(--transition-base);margin:0 1.5rem 1.5rem;width:calc(100% - 3rem);box-shadow:0 2px 4px #2ecc714d}.product-button:hover{background-color:var(--primary-500);transform:translateY(-2px);box-shadow:0 4px 8px #2ecc7166}.loading,.error,.no-products{text-align:center;padding:3rem;grid-column:1 / -1}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.error{color:var(--error-400);background:#e74c3c14;border-radius:var(--radius-md);max-width:600px;margin:0 auto;padding:2rem}.no-products{color:var(--text-400);font-size:1.1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(0,0,0,.05);border-top-color:var(--primary-400);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.categories-grid{animation:fadeIn .5s ease forwards}.product-count{display:flex;justify-content:center;align-items:center;background-color:#2ecc711a;color:var(--primary-500);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:.25rem;margin:.5rem auto;width:max-content;max-width:100%}@media(max-width:768px){.products-container{padding:1.5rem 1rem}.products-header{flex-direction:column;text-align:center;gap:1rem;margin-bottom:2rem}.products-container h2:after{left:50%;transform:translate(-50%)}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.product-image-container{height:160px}}@media(max-width:480px){.products-container{padding:1.25rem .75rem}.product-button{margin:0 1rem 1rem;width:calc(100% - 2rem)}}:root{--primary: #2ecc71;--primary-dark: #27ae60;--secondary: #3498db;--secondary-dark: #2980b9;--light-gray: #f8f9fa;--dark-gray: #2c3e50;--text-gray: #495057;--danger: #e74c3c;--warning: #f39c12;--success: #2ecc71;--border-radius: 12px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .3s ease;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}.product-detail-container{max-width:1100px;margin:2rem auto;padding:1rem;font-family:var(--font-main);background-color:#fff}.product-detail-card{display:flex;flex-wrap:wrap;gap:2rem;box-shadow:var(--box-shadow);border-radius:var(--border-radius);overflow:hidden;padding:1rem;background-color:#fff}.product-image{flex:1;min-width:280px;max-width:480px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:auto;max-height:300px;border-radius:var(--border-radius);object-fit:cover;box-shadow:var(--box-shadow);transition:var(--transition)}.product-image img:hover{transform:scale(1.02)}.pg-root{width:100%;display:flex;flex-direction:column;gap:.75rem}.pg-main{position:relative;border-radius:var(--border-radius);overflow:hidden;cursor:zoom-in;background:#f4fef7;aspect-ratio:4 / 3;box-shadow:var(--box-shadow)}.pg-main__img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.pg-main:hover .pg-main__img{transform:scale(1.03)}.pg-main__counter{position:absolute;bottom:10px;right:12px;background:#0000008c;color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px}.pg-main__zoom{position:absolute;top:10px;right:12px;font-size:1rem;opacity:0;transition:opacity .2s}.pg-main:hover .pg-main__zoom{opacity:1}.pg-thumbs{display:flex;gap:.5rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.pg-thumb{flex-shrink:0;width:66px;height:66px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;padding:0;background:#e8f5e9;transition:border-color .2s,transform .2s}.pg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pg-thumb:hover{transform:translateY(-2px);border-color:var(--primary)}.pg-thumb--active{border-color:var(--primary);box-shadow:0 0 0 2px #2ecc714d}.pg-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:3000;display:flex;align-items:center;justify-content:center;animation:pgFadeIn .2s ease}@keyframes pgFadeIn{0%{opacity:0}to{opacity:1}}.pg-lightbox__content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.pg-lightbox__img{max-width:88vw;max-height:82vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.pg-lb-close{position:fixed;top:1.25rem;right:1.5rem;background:#ffffff26;border:none;color:#fff;font-size:1.5rem;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:3001}.pg-lb-close:hover{background:#ffffff4d}.pg-lb-nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:2.5rem;width:52px;height:52px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:3001;line-height:1}.pg-lb-nav:hover{background:#ffffff4d}.pg-lb-nav--prev{left:1.25rem}.pg-lb-nav--next{right:1.25rem}.pg-lb-dots{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:3001}.pg-lb-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:background .2s,transform .2s}.pg-lb-dot--active{background:#fff;transform:scale(1.3)}@media(max-width:600px){.pg-lb-nav--prev{left:.5rem}.pg-lb-nav--next{right:.5rem}.pg-thumb{width:54px;height:54px}}.default-image{opacity:.6}.product-info{flex:1.5;display:flex;flex-direction:column;gap:1rem}.product-info h1{font-size:2rem;margin-bottom:.5rem;color:var(--dark-gray)}.info-line{font-size:1.1rem;color:var(--text-gray)}.product-description{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.product-description h3{margin-bottom:.5rem;color:var(--dark-gray)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--light-gray);color:var(--dark-gray);padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.seller-contact{margin-top:2rem;padding:1rem;border-radius:var(--border-radius);background-color:#f1fff4;border:1px solid var(--primary)}.seller-contact h3{color:var(--primary-dark);margin-bottom:.5rem}.seller-contact p{font-size:1rem;color:var(--dark-gray);margin-bottom:.3rem}.loading-container,.error-container,.not-found-container{text-align:center;padding:2rem;color:var(--dark-gray)}.loading-spinner{border:5px solid #f3f3f3;border-top:5px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:auto;animation:spin 1s linear infinite}.error-message{color:var(--danger);margin-top:1rem}.error-details{margin-top:1rem;background:#fff6f6;padding:1rem;border-left:4px solid var(--danger);font-size:.9rem}.error-actions button{margin:.5rem;padding:.6rem 1.2rem;background-color:var(--secondary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:var(--transition)}.error-actions button:hover{background-color:var(--secondary-dark)}.seller-contact-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;padding:.55rem 1.2rem;background:#16a34a;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:background .2s}.seller-contact-btn:hover{background:#15803d}.product-reviews-wrapper{max-width:860px;margin:0 auto;padding:0 1rem}.navigation-buttons{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.back-button,.top-button{padding:.75rem 1.5rem;background-color:var(--secondary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:var(--transition)}.back-button:hover,.top-button:hover{background-color:var(--secondary-dark);transform:translateY(-2px)}@media(max-width:768px){.product-detail-card{flex-direction:column}.product-image img{max-height:250px}.product-info h1{font-size:1.6rem}.navigation-buttons{flex-direction:column}.back-button,.top-button{width:100%}}.chatbox-wrapper{margin-top:3rem;padding:1rem;border-top:2px solid #ccc;background-color:#f9f9f9;border-radius:10px}.access-denied-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem}.access-denied-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:2.5rem;text-align:center;max-width:600px;width:100%;border:1px solid #ffebee}.access-denied-card h2{color:#c62828;margin:1.5rem 0 .5rem}.access-denied-message{margin:1.5rem 0;padding:1rem;background-color:#ffebee;border-radius:8px;border-left:4px solid #c62828}.access-denied-message p{font-size:1.1rem;color:#c62828;margin:0}.views-remaining{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:1rem;color:#c62828;font-weight:500}.access-denied-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.login-button,.upgrade-button,.back-button{padding:.8rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.login-button{background-color:#27ae60;color:#fff}.login-button:hover{background-color:#219653;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.upgrade-button{background-color:#e67e22;color:#fff}.upgrade-button:hover{background-color:#d35400;transform:translateY(-2px);box-shadow:0 4px 12px #e67e224d}.back-button{background-color:#f1f2f6;color:#2d3436}.back-button:hover{background-color:#dfe4ea;transform:translateY(-2px)}.views-badge{position:absolute;top:15px;right:15px;background-color:#27ae60e6;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:5px;box-shadow:0 2px 10px #0000001a}.product-image{position:relative}.seller-section{margin-top:2rem}.paywall-card{background:linear-gradient(135deg,#fff8e1,#fffde7);border:2px dashed #f39c12;border-radius:var(--border-radius);padding:1.75rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.paywall-lock-icon{font-size:2.5rem}.paywall-card h3{color:#2c3e50;font-size:1.2rem;margin:0}.paywall-desc{color:#555;font-size:.92rem;max-width:340px;line-height:1.5;margin:0}.paywall-price{font-size:1.8rem;font-weight:700;color:#e67e22}.paywall-hint{color:#888;font-size:.8rem;margin:0}.paywall-signup-hint{font-size:.82rem;color:#555;margin:.4rem 0 0;text-align:center}.paywall-signup-hint strong{color:#e74c3c;font-weight:700}.paywall-signup-link{color:#27ae60;font-weight:600;text-decoration:underline}.paywall-signup-link:hover{color:#1e8449}.paywall-error{color:var(--danger);font-size:.88rem;margin:0}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.login-modal{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 8px 32px #0000002e}.login-modal h3{margin:0;font-size:1.15rem;color:#2c3e50;text-align:center}.login-modal-sub{margin:0;font-size:.82rem;color:#888;text-align:center}.login-modal input{width:100%;padding:.65rem .9rem;border:1.5px solid #dde3e9;border-radius:10px;font-size:.95rem;outline:none;box-sizing:border-box;transition:border-color .2s}.login-modal input:focus{border-color:#27ae60}.login-modal-error{color:#e74c3c;font-size:.83rem;margin:0;text-align:center}.login-modal-btn{width:100%;padding:.7rem;background:#27ae60;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s}.login-modal-btn:hover:not(:disabled){background:#1e8449}.login-modal-btn:disabled{opacity:.6;cursor:default}.login-modal-skip{background:none;border:1.5px solid #dde3e9;border-radius:10px;padding:.6rem;font-size:.85rem;color:#555;cursor:pointer;transition:border-color .2s;text-align:center}.login-modal-skip:hover{border-color:#e67e22;color:#e67e22}.login-modal-register{font-size:.82rem;color:#27ae60;text-align:center;text-decoration:underline}.paywall-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:none;border-radius:30px;padding:.85rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #e67e2259;width:100%;max-width:320px}.paywall-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #e67e2280}.paywall-btn:disabled{opacity:.7;cursor:not-allowed}.seller-checking{display:flex;align-items:center;gap:.75rem;padding:1rem;color:#555}.loading-spinner.small{width:20px;height:20px;border-width:3px;margin:0}.sr-root{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e5e7eb}.sr-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.sr-title{font-size:1.1rem;font-weight:700;color:#111827;margin:0}.sr-summary{display:flex;align-items:center;gap:.4rem}.sr-avg{font-size:1.4rem;font-weight:800;color:#f59e0b;line-height:1}.sr-count{font-size:.82rem;color:#6b7280}.sr-star-row{display:inline-flex;gap:1px}.sr-star-btn{background:none;border:none;padding:0;cursor:pointer;line-height:1;color:#d1d5db;transition:color .15s,transform .1s}.sr-star-btn--on{color:#f59e0b}.sr-star-btn:hover{transform:scale(1.15)}.sr-form{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:14px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.sr-form__label{font-size:.85rem;font-weight:600;color:#374151;margin:0}.sr-form__textarea{width:100%;padding:.65rem .9rem;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.9rem;color:#111827;background:#fff;resize:vertical;font-family:inherit;transition:border-color .2s}.sr-form__textarea:focus{outline:none;border-color:#16a34a}.sr-form__msg{font-size:.82rem;font-weight:500;margin:0}.sr-form__msg--err{color:#ef4444}.sr-form__msg--ok{color:#16a34a}.sr-form__btn{align-self:flex-start;padding:.55rem 1.4rem;background:#16a34a;color:#fff;font-weight:700;font-size:.88rem;border:none;border-radius:999px;cursor:pointer;transition:background .2s,opacity .2s}.sr-form__btn:hover:not(:disabled){background:#15803d}.sr-form__btn:disabled{opacity:.55;cursor:not-allowed}.sr-login-hint{font-size:.85rem;color:#6b7280;margin-bottom:1.25rem}.sr-login-hint a{color:#16a34a;font-weight:600;text-decoration:none}.sr-login-hint a:hover{text-decoration:underline}.sr-loading,.sr-empty{font-size:.9rem;color:#9ca3af;text-align:center;padding:1.5rem 0}.sr-list{display:flex;flex-direction:column;gap:.85rem}.sr-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:1rem 1.1rem;box-shadow:0 1px 4px #0000000a}.sr-card__head{display:flex;align-items:center;gap:.7rem;margin-bottom:.5rem}.sr-avatar{width:36px;height:36px;border-radius:50%;background:#4ade80;color:#0d1f12;font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sr-avatar--img{object-fit:cover;background:none;padding:0}.sr-card__meta{flex:1;display:flex;flex-direction:column;gap:1px}.sr-card__name{font-size:.88rem;font-weight:600;color:#111827}.sr-card__date{font-size:.75rem;color:#9ca3af;margin-left:auto;white-space:nowrap}.sr-card__comment{font-size:.88rem;color:#374151;line-height:1.55;margin:0;padding-left:calc(36px + .7rem)}.sr-delete-btn{background:none;border:none;color:#d1d5db;font-size:.85rem;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s;flex-shrink:0}.sr-delete-btn:hover{color:#ef4444}@media(max-width:480px){.sr-form{padding:1rem}.sr-card__comment{padding-left:0;margin-top:.4rem}.sr-card__date{font-size:.7rem}}:root{--primary: #2ecc71;--primary-dark: #27ae60;--text-dark: #2c3e50;--text-light: #7f8c8d;--background: #f4fef7;--card-bg: #ffffff;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 10px rgba(0, 0, 0, .12);--radius-md: 10px;--radius-lg: 14px;--transition: all .25s ease-in-out}.category-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;background-color:var(--background);min-height:100vh}.category-header{text-align:center;margin-bottom:2.5rem}.category-header h1{font-size:2.2rem;color:var(--text-dark);margin-bottom:.5rem}.product-count{display:inline-block;background-color:#2ecc711a;color:var(--primary);padding:.5rem 1.2rem;border-radius:20px;font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem;padding:1rem}.product-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;font-size:.9rem;transition:var(--transition)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.image-container{position:relative;height:150px;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);overflow:hidden}.sponsored-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.68rem;font-weight:700;padding:.22rem .55rem;border-radius:999px;letter-spacing:.02em;box-shadow:0 2px 6px #d9770659;z-index:1;pointer-events:none}.product-card--sponsored{border:1.5px solid rgba(245,158,11,.45);box-shadow:0 2px 10px #f59e0b1a}.product-image{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .4s ease}.product-card:hover .product-image{transform:scale(1.06)}.product-info{padding:.8rem 1rem;flex-grow:1;display:flex;flex-direction:column;gap:.5rem;text-align:center}.product-info h3{margin:0;font-size:1.1rem;color:var(--text-dark)}.product-description{font-size:.85rem;color:var(--text-light);line-height:1.3;margin:0;flex-grow:1}.product-price{font-weight:700;color:#e74c3c!important;font-size:1rem;margin:.3rem 0}.product-button{width:100%;padding:.55rem 0;font-size:.9rem;font-weight:600;color:#fff;background-color:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--transition);margin-top:auto;text-align:center}.product-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh}.loading-spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container,.empty-container{text-align:center;padding:2rem;border-radius:var(--radius-md);margin:2rem auto;max-width:600px}.error-container{background:#e74c3c1a}.empty-container{background:#95a5a61a}.retry-button,.back-button{background-color:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition)}.retry-button:hover,.back-button:hover{background-color:var(--primary-dark)}.search-bar{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:.6rem 1rem;border:1.5px solid #dde3e9;border-radius:var(--radius-md);font-size:.95rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--primary)}.search-btn{padding:.6rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.search-btn:hover{background:var(--primary-dark)}.filters-toggle-btn{padding:.6rem 1.2rem;background:#fff;color:var(--text-dark);border:1.5px solid #dde3e9;border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:var(--transition)}.filters-toggle-btn:hover,.filters-toggle-btn.has-filters{border-color:var(--primary);color:var(--primary)}.filter-badge{background:var(--primary);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.filters-panel{background:#fff;border:1.5px solid #e8f0e9;border-radius:var(--radius-lg);padding:1.2rem 1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.35rem}.filter-group label{font-size:.8rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.04em}.filter-group select,.filter-group input{padding:.5rem .8rem;border:1.5px solid #dde3e9;border-radius:var(--radius-md);font-size:.9rem;outline:none;background:#fff;transition:border-color .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--primary)}.reset-btn{margin-top:1rem;background:none;border:1.5px solid #e74c3c;color:#e74c3c;padding:.45rem 1rem;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;font-weight:600;transition:var(--transition)}.reset-btn:hover{background:#e74c3c;color:#fff}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;background:#2ecc711a;color:var(--primary-dark);border:1px solid rgba(46,204,113,.3);border-radius:20px;padding:.3rem .8rem;font-size:.82rem;font-weight:500}.filter-chip button{background:none;border:none;cursor:pointer;color:var(--primary-dark);font-size:1rem;line-height:1;padding:0;font-weight:700}.filter-chip button:hover{color:#e74c3c}.etat-badge{display:inline-block;background:#2ecc711f;color:var(--primary-dark);border-radius:12px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;text-transform:capitalize;align-self:center}.pagination{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:2rem 0 1rem}.pagination button{padding:.5rem 1.2rem;border:1.5px solid var(--primary);background:#fff;color:var(--primary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.pagination button:hover:not(:disabled){background:var(--primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{font-weight:600;color:var(--text-dark)}.category-footer{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.category-footer button{padding:.5rem 1.2rem;background:#fff;color:var(--text-dark);border:1.5px solid #dde3e9;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:var(--transition)}.category-footer button:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:768px){.category-header h1{font-size:1.6rem}.products-grid{grid-template-columns:1fr;gap:1rem}.image-container{height:140px}.product-button{white-space:normal;font-size:1rem;padding:.6rem 0}.filters-grid{grid-template-columns:1fr 1fr}.search-bar{flex-direction:column}.search-input{width:100%}}:root{--primary: #ff8c00;--primary-dark: #e67600;--blue: #3498db;--gold: #f1c40f;--platinum: #95a5a6;--text-dark: #2c3e50;--text-light: #555;--bg-light: #ffffff;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 6px 20px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 14px;--transition: all .3s ease}.promo-banner-scroll{background:linear-gradient(90deg,gold,#ff8c00);color:#fff;font-weight:600;overflow:hidden;white-space:nowrap;padding:12px 0}.scroll-text{display:inline-block;padding-left:100%;animation:scrollText 22s linear infinite;font-size:.95rem}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-100%)}}.offers-container{max-width:1100px;margin:0 auto;padding:2rem 1rem 4rem;font-family:Segoe UI,system-ui,sans-serif;background-color:var(--bg-light)}.offers-header{text-align:center;margin:3rem 0 2.5rem;background:linear-gradient(135deg,#ff8a00,#da1b60);border-radius:var(--radius-md);padding:2.5rem 1.5rem;color:#fff}.offers-header h1{color:#fff!important}.offers-header .subtitle{color:#ffffffe6}.offers-header h1{font-size:2.2rem;color:var(--text-dark);margin-bottom:.5rem}.subtitle{color:var(--text-light);font-size:1.05rem}.how-it-works{display:flex;align-items:flex-start;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem;background:linear-gradient(135deg,#fff8e1,#fff3cd);border-radius:var(--radius-md);padding:2.5rem 1.5rem}.hiw-step{flex:1;min-width:180px;max-width:240px;text-align:center;padding:.5rem}.hiw-icon{font-size:2.8rem;margin-bottom:.75rem}.hiw-step h3{font-size:1.05rem;color:var(--text-dark);margin-bottom:.4rem}.hiw-step p{font-size:.88rem;color:var(--text-light);line-height:1.5}.hiw-arrow{font-size:1.8rem;color:var(--primary);align-self:center;padding-bottom:2rem}.buyer-section{margin-bottom:4rem;text-align:center}.section-label{display:inline-block;background:#fff3cd;color:var(--primary-dark);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;padding:.35rem 1rem;border-radius:20px;margin-bottom:1.5rem}.buyer-card{display:inline-flex;flex-direction:column;align-items:center;gap:1.25rem;background:#fff;border:2px solid var(--primary);border-radius:var(--radius-md);padding:2.5rem 3rem;box-shadow:var(--shadow-sm);max-width:440px;width:100%}.buyer-price-block{display:flex;align-items:baseline;gap:.5rem}.buyer-price{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.buyer-per{font-size:1rem;color:var(--text-light)}.buyer-features{list-style:none;padding:0;margin:0;text-align:left;width:100%}.buyer-features li{padding:.4rem 0 .4rem 1.6rem;position:relative;color:var(--text-dark);font-size:.95rem}.buyer-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.browse-button{background:linear-gradient(135deg,gold,#ff8c00);color:#fff;border:none;padding:.85rem 2rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #ff8c0059;width:100%}.browse-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff8c0080}.farmer-section{border-top:2px solid #fff3cd;padding-top:3rem}.offer-category{margin-bottom:2rem}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-header h2{font-size:1.6rem;color:var(--text-dark)}.category-header .icon{font-size:1.8rem}.offer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.offer-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.75rem;transition:var(--transition);display:flex;flex-direction:column;border-top:4px solid}.offer-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.offer-card.blue{border-color:var(--blue)}.offer-card.gold{border-color:var(--gold)}.offer-card.platinum{border-color:var(--platinum)}.offer-badge{font-weight:700;font-size:1rem;margin-bottom:1rem;text-align:center;padding:.4rem .8rem;border-radius:var(--radius-sm)}.offer-card.blue .offer-badge{background-color:#3498db1a;color:var(--blue)}.offer-card.gold .offer-badge{background-color:#f1c40f1f;color:#b8860b}.offer-card.platinum .offer-badge{background-color:#95a5a61f;color:#6c757d}.popular-tag{background-color:#f1c40f26!important;color:#b8860b!important}.offer-features{flex-grow:1;margin:.75rem 0 1.25rem;padding:0;list-style:none}.offer-features li{margin-bottom:.7rem;padding-left:1.5rem;position:relative;color:var(--text-dark);font-size:.92rem}.offer-features li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.offer-price{text-align:center;margin:1rem 0 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.price{font-size:1.8rem;font-weight:700;color:var(--text-dark)}.period{font-size:.9rem;color:var(--text-light);margin-left:4px}.price-old{font-size:1.1rem;font-weight:600;color:#aaa;text-decoration:line-through}.period-old{font-size:.85rem;margin-left:3px}.price-free{font-size:1.9rem;font-weight:800;color:#da1b60;letter-spacing:.04em}.subscribe-button{background:linear-gradient(135deg,gold,#ff8c00);color:#fff;border:none;padding:.8rem;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);width:100%;box-shadow:0 3px 10px #ff8c004d}.subscribe-button:hover{background:linear-gradient(135deg,#ffca00,#e67600);transform:translateY(-2px);box-shadow:0 5px 15px #ff8c0073}.promo-card{background:linear-gradient(135deg,gold,#ff8c00);border-radius:var(--radius-md);padding:2rem;text-align:center;margin-bottom:2rem;box-shadow:var(--shadow-sm);color:#fff}.promo-badge{background:#ffffff40;color:#fff;padding:5px 14px;border-radius:20px;display:inline-block;margin-bottom:10px;font-weight:700;font-size:.85rem;letter-spacing:.05em}.promo-highlight{font-size:1.2rem;color:#fff;margin:.5rem 0}.promo-button{display:inline-block;margin-top:1rem;background:#fff;color:var(--primary-dark);padding:.75rem 1.75rem;border-radius:30px;text-decoration:none;font-weight:700;transition:var(--transition);box-shadow:0 3px 10px #00000026}.promo-button:hover{background:#fff8e1;transform:translateY(-2px)}@media(max-width:768px){.offers-header h1{font-size:1.7rem}.category-header h2{font-size:1.3rem}.offer-cards{grid-template-columns:1fr}.price{font-size:1.5rem}.how-it-works{flex-direction:column;align-items:center}.hiw-arrow{transform:rotate(90deg);padding:0}.buyer-card{padding:1.75rem 1.25rem}.buyer-price{font-size:2.2rem}}:root{--primary: #2ecc71;--primary-dark: #27ae60;--error: #e74c3c;--text-dark: #2c3e50;--text-light: #7f8c8d;--border: #ddd;--bg-light: #f9f9f9;--transition-speed: .3s;--radius: 8px;--shadow-light: rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.5;margin:0;padding:0}.inscription-container{max-width:680px;margin:2rem auto;padding:2.5rem 2rem;background:#fff;border-radius:var(--radius);box-shadow:0 4px 15px var(--shadow-light);transition:box-shadow var(--transition-speed),transform var(--transition-speed)}.inscription-container:hover{box-shadow:0 8px 30px #2ecc711f;transform:translateY(-2px)}.inscription-header{text-align:center;margin-bottom:1.75rem}.inscription-header h1{color:var(--text-dark);font-weight:700;font-size:1.9rem;margin-bottom:.25rem;letter-spacing:.02em}.formule-badge{display:inline-block;padding:.45rem 1.125rem;background-color:var(--primary);color:#fff;border-radius:999px;font-weight:700;font-size:.95rem;text-transform:uppercase;box-shadow:0 2px 8px #2ecc7147;-webkit-user-select:none;user-select:none}.inscription-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-dark);font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-speed)}.form-group input,.form-group select,.form-group textarea{padding:.9rem 1rem;border:1.8px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:border-color var(--transition-speed),box-shadow var(--transition-speed),transform .08s;font-family:inherit;resize:vertical;min-height:38px;background:#fff}.form-group textarea{min-height:96px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 4px 18px #2ecc711f;transform:translateY(-1px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error);box-shadow:0 0 6px #e74c3c14}.error-message{color:var(--error);font-size:.85rem;margin-top:.2rem;font-weight:600}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:.8rem;margin-top:.6rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary);border-radius:4px;transition:accent-color var(--transition-speed)}.checkbox-group input[type=checkbox]:focus{outline-offset:2px;outline:2px solid var(--primary-dark)}button{background-color:var(--primary);color:#fff;border:none;padding:1.05rem 1.1rem;border-radius:var(--radius);font-size:1.02rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),transform .08s;box-shadow:0 6px 22px #2ecc711f;-webkit-user-select:none;user-select:none;margin-top:.5rem}button:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 8px 28px #27ae6024;transform:translateY(-2px)}button:disabled{background-color:var(--text-light);cursor:not-allowed;box-shadow:none}.contact-row{display:flex;gap:10px;align-items:flex-start}.indicatif-selector{position:relative;width:140px}.loading-indicator{padding:10px;text-align:center;color:var(--text-light);font-size:.9em;background:var(--bg-light);border:1.8px solid var(--border);border-radius:var(--radius);height:44px;display:flex;align-items:center;justify-content:center}.country-selector{display:flex;flex-direction:column;gap:.5rem}.country-load-warning{color:#b45f00;background:#fff6e6;padding:8px 10px;border-radius:6px;font-size:.9rem;margin-top:4px}.country-selected{font-size:.9rem;color:var(--text-light);margin-top:4px}.react-select-container{width:100%}.react-select__control{min-height:44px;border-radius:var(--radius);border:1.8px solid var(--border);box-shadow:none;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.react-select__control--is-focused{border-color:var(--primary);box-shadow:0 6px 20px #2ecc7114}.react-select__value-container{padding:6px 8px}.react-select__placeholder{color:var(--text-light);font-size:.95rem}.react-select__single-value{color:var(--text-dark);font-weight:600}.react-select__indicators{padding-right:6px}.react-select__indicator-separator{display:none}.react-select__menu{z-index:9999}.react-select__menu-list{max-height:260px}.react-select__option{padding:8px 12px;cursor:pointer}.react-select__option--is-focused{background:#2ecc710f}.react-select__option--is-selected{background:#2ecc711f;color:var(--text-dark)}.css-1s2u09g-menu-portal,.react-select__menu--portal{z-index:99999!important}.react-select__menu{position:absolute}.flag-icon{width:20px;height:14px;display:inline-block;margin-right:8px;vertical-align:middle;border-radius:2px;object-fit:cover}.indicatif-error{position:absolute;bottom:-18px;left:0;font-size:.75em}.contact-error{margin-top:4px}@media(max-width:520px){.contact-row{flex-direction:column;align-items:stretch}.indicatif-selector{width:100%!important}.inscription-container{margin:1rem;padding:1.5rem}.contact-error{margin-left:0}}:focus-visible{outline:3px solid rgba(46,204,113,.14);outline-offset:2px}.small-muted{font-size:.85rem;color:var(--text-light)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--primary-dark);text-decoration:underline}.inscription-promo-banner{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.9rem 1.2rem;background:linear-gradient(135deg,#d5f5e3,#a9dfbf);border:1.5px solid #82e0aa;border-radius:var(--radius);color:#1e8449}.inscription-promo-banner__icon{font-size:1.5rem;flex-shrink:0}.inscription-promo-banner__text{display:flex;flex-direction:column;gap:.15rem}.inscription-promo-banner__text strong{font-size:1rem;font-weight:700}.inscription-promo-banner__text span{font-size:.88rem;opacity:.85}.plan-card{border:2px solid;border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.plan-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.plan-card__label{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.plan-card__duration{font-size:.85rem;color:var(--text-light);background:#0000000f;padding:.25rem .7rem;border-radius:999px;font-weight:600}.plan-card__features{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.45rem}.plan-card__features li{display:flex;align-items:baseline;gap:.5rem;font-size:.92rem;color:var(--text-dark)}.plan-card__check{font-weight:700;font-size:1rem;flex-shrink:0}.plan-card__promo-note{padding-top:.75rem;border-top:1px solid rgba(0,0,0,.08);font-size:.88rem;color:var(--text-dark)}.plan-card__free{color:#1e8449;font-size:.95rem}.formule-badge--bleu{background-color:#3498db}.formule-badge--gold{background-color:#e67e22}.formule-badge--platinum{background-color:#8e44ad}.formule-badge-price{font-weight:400;font-size:.85em;opacity:.9}.form-section{display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem;background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius)}.form-section+.form-section{margin-top:.5rem}.form-section__title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--primary);padding-bottom:.4rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-dark)}.form-label-optional{font-weight:400;color:var(--text-light)}.form-field-hint{font-size:.8rem;color:var(--text-light);margin-top:.3rem}.submit-btn{width:100%;padding:1.1rem;font-size:1.05rem;font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;background-color:var(--primary);color:#fff;transition:background-color var(--transition-speed),transform .08s,box-shadow var(--transition-speed);box-shadow:0 6px 22px #2ecc712e;margin-top:.5rem}.submit-btn:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 28px #27ae6038}.submit-btn:disabled{background-color:var(--text-light);cursor:not-allowed;box-shadow:none}.submit-btn--promo{background:linear-gradient(135deg,#27ae60,#1abc9c);box-shadow:0 6px 22px #27ae6047;font-size:1.1rem}.submit-btn--promo:hover:not(:disabled){background:linear-gradient(135deg,#1e8449,#17a589)}.submit-error-banner{padding:.8rem 1rem;background:#fdecea;border:1.5px solid #f5c6cb;border-radius:var(--radius);color:var(--error);font-size:.9rem;font-weight:600}.form-footer-hint{text-align:center;font-size:.88rem;color:var(--text-light);margin-top:.5rem}.react-select__option img,.react-select__single-value img{border-radius:2px;object-fit:cover;flex-shrink:0}.react-select__option,.react-select__single-value{display:flex!important;align-items:center!important;gap:8px}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:8px}.apropos{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px;resize:both;overflow:hidden;width:min(800px,90%);justify-self:center}.salutation{padding:20px;border-radius:8px;margin-bottom:20px;resize:both;overflow:hidden}.salutation h1{font-size:2em;color:#021a0b;text-align:center;margin-bottom:20px}.salutation p{font-size:1.3em;line-height:1.6;color:#151515;text-align:center;margin-bottom:15px}.apropos h2{font-size:2em;color:#1b5d37;text-align:justify;margin-bottom:20px}.apropos p{font-size:1.1em;line-height:1.6;color:#555;text-align:justify;margin-bottom:15px}.apropos ul{list-style-type:style type none;padding-left:200px;color:#151515}.apropos li{margin-bottom:5px}.apropos a{color:#007bff;text-decoration:none;transition:color .3s ease}.apropos a:hover{color:#0056b3}.forgot-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 4rem);background:linear-gradient(135deg,#e8f5e9,#f1f8e9);padding:2rem}.forgot-card{background:#fff;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 8px 32px #2e7d321f;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:1rem}.forgot-icon{font-size:2.5rem;margin-bottom:.25rem}.forgot-card h2{color:#1b5e20;font-size:1.6rem;font-weight:700;margin:0;text-align:center}.forgot-subtitle{color:#666;font-size:.9rem;text-align:center;margin:0;line-height:1.5}.forgot-form{width:100%;display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-size:.875rem;font-weight:600;color:#444}.forgot-form input{padding:.75rem 1rem;border:1.5px solid #ddd;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.forgot-form input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.forgot-button{background-color:#2e7d32;color:#fff;padding:.85rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;width:100%}.forgot-button:hover:not(:disabled){background-color:#1b5e20;transform:translateY(-1px)}.forgot-button:disabled{opacity:.7;cursor:not-allowed}.forgot-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:1rem;background:#e8f5e9;border-radius:10px;width:100%}.success-icon{font-size:2rem}.forgot-success p{color:#2e7d32;font-size:.9rem;margin:0;line-height:1.5}.back-link{display:block;text-align:center;color:#2e7d32;font-size:.875rem;font-weight:500;text-decoration:none;margin-top:.25rem}.back-link:hover{text-decoration:underline}.forgot-error{color:#c62828;font-size:.875rem;background:#ffebee;border-radius:6px;padding:.5rem .75rem;margin:0}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{flex:1;padding-right:2.75rem}.password-toggle{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;line-height:1}.resend-link{background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;color:#2e7d32;padding:0;margin-top:.25rem}.apropos{background-color:#f8f8f8;padding:20px;border-radius:8px;margin-bottom:20px}.apropos h1{font-size:2em;color:#333;text-align:center;margin-bottom:20px}.apropos p{font-size:1.1em;line-height:1.6;color:#080808;text-align:justify;margin-bottom:15px;padding-left:50px;padding-right:50px}.apropos img{max-width:100%;height:auto;border-radius:4px;display:block;margin:0 auto 20px}:root{--primary-glow: #0c471e;--secondary-glow: #14661f;--error-glow: #ff4d4d;--success-glow: #00ff88;--warning-glow: #ffaa00;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--text-primary: #000000;--text-secondary: #333333;--text-muted: #666666;--bg-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-primary)}.add-product-form{max-width:800px;margin:2rem auto;padding:2.5rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px #fffc;animation:formAppear .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.add-product-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-glow),transparent);animation:borderGlow 3s ease-in-out infinite}@keyframes formAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.form-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(12,71,30,.3);position:relative}.form-header h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(12,71,30,.3),0 0 60px rgba(12,71,30,.1);letter-spacing:-.5px}.form-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.5}.alert{padding:1.2rem 1.5rem;border-radius:16px;font-weight:600;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;position:relative;overflow:hidden;animation:slideDown .4s ease-out;color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(400%)}}.alert.error{background:#ff32321a;border-color:#ff00004d;color:#d32f2f;box-shadow:0 4px 20px #ff00000d}.alert.success{background:#00ff881a;border-color:#00ff884d;color:#2e7d32;box-shadow:0 4px 20px #00ff880d}.product-form{display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid var(--glass-border);border-radius:20px;padding:2rem;background:#fff9;box-shadow:inset 0 1px #fffc,0 4px 25px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary-glow),var(--secondary-glow));opacity:0;transition:opacity .4s ease}.form-section:hover{border-color:#0c471e66;box-shadow:inset 0 1px #ffffffe6,0 8px 32px #0c471e1a;transform:translateY(-2px)}.form-section:hover:before{opacity:1}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.section-icon{font-size:1.8rem;filter:drop-shadow(0 0 10px rgba(12,71,30,.4));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.section-title{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-weight:600;margin-bottom:.75rem;color:var(--text-primary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.label-required:after{content:"*";color:var(--error-glow);font-weight:700;margin-left:.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.form-control{padding:1rem 1.25rem;border:1.5px solid var(--glass-border);border-radius:14px;font-size:1rem;background:#fffc;color:var(--text-primary);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-family:inherit}.form-control::placeholder{color:var(--text-muted);transition:color .3s ease}.form-control:hover{border-color:#0000004d;background:#ffffffe6}.form-control:focus{border-color:var(--primary-glow);box-shadow:0 0 0 3px #0c471e1a,0 0 25px #0c471e1a;background:#fff;transform:translateY(-2px)}.form-control:focus::placeholder{color:var(--text-muted)}textarea.form-control{min-height:120px;resize:vertical;line-height:1.5}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230c471e' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.25rem;cursor:pointer}.image-upload-area{border:2px dashed rgba(12,71,30,.4);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#0c471e0d;position:relative;overflow:hidden}.image-upload-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(12,71,30,.1),transparent);transition:left .6s ease}.image-upload-area:hover{border-color:var(--primary-glow);background:#0c471e14;transform:translateY(-3px);box-shadow:0 8px 25px #0c471e1a}.image-upload-area:hover:before{left:100%}.upload-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(12,71,30,.4));animation:iconFloat 3s ease-in-out infinite}.upload-text{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.upload-hint{color:var(--text-secondary);font-size:.9rem}.image-preview-container{margin-top:1.5rem;text-align:center;animation:fadeIn .6s ease-out}.image-preview{max-width:200px;max-height:200px;border-radius:14px;object-fit:cover;border:2px solid var(--primary-glow);box-shadow:0 0 25px #0c471e33,0 8px 25px #0000001a;transition:all .3s ease}.image-preview:hover{transform:scale(1.05);box-shadow:0 0 35px #0c471e4d,0 12px 35px #00000026}.form-actions{display:flex;justify-content:center;gap:1.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.btn{padding:1.1rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:16px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--primary-glow),var(--secondary-glow));box-shadow:0 6px 20px #0c471e4d,0 0 25px #0c471e1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:200px}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn:hover:not(:disabled){transform:translateY(-4px) scale(1.05);box-shadow:0 10px 30px #0c471e66,0 0 40px #0c471e33}.btn:active{transform:translateY(-1px) scale(1.02)}.btn-secondary{background:linear-gradient(135deg,#6d4c41,#8d6e63);box-shadow:0 6px 20px #6d4c414d,0 0 25px #8d6e631a}.btn-secondary:hover:not(:disabled){box-shadow:0 10px 30px #6d4c4166,0 0 40px #8d6e6333}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:0 4px 15px #0000001a!important}.field-error{color:var(--error-glow);font-size:.85rem;margin-top:.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;border-radius:24px;z-index:1000;animation:fadeIn .3s ease-out}.loading-spinner{width:60px;height:60px;border:3px solid rgba(12,71,30,.3);border-top:3px solid var(--primary-glow);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #0c471e33}.btn .loading-spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;margin:0;box-shadow:none}.form-help{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-top:1.5rem;font-style:italic;line-height:1.5}.error-container{text-align:center;padding:3rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--glass-border);max-width:500px;margin:2rem auto;box-shadow:var(--glass-shadow)}.error-container h2{color:var(--error-glow);margin-bottom:1rem;font-size:1.8rem}.error-container p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--primary-glow);font-weight:600}@media(max-width:768px){.add-product-form{margin:1rem;padding:1.5rem;border-radius:20px}.form-header h2{font-size:1.8rem}.form-subtitle{font-size:1rem}.form-grid{grid-template-columns:1fr;gap:1rem}.form-section{padding:1.5rem;border-radius:16px}.section-header{flex-direction:column;text-align:center;gap:.75rem}.section-title{font-size:1.2rem}.form-actions{flex-direction:column;gap:1rem}.btn{width:100%;min-width:auto;padding:1rem 2rem}.form-control{padding:.875rem 1rem}}@media(max-width:480px){.add-product-form{padding:1.25rem;margin:.75rem;border-radius:16px}.form-header h2{font-size:1.5rem}.form-section{padding:1.25rem}.form-control{padding:.75rem .875rem;font-size:.95rem}.btn{padding:.875rem 1.5rem;font-size:1rem}}.form-control:focus-visible{outline:2px solid var(--primary-glow);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--primary-glow);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gallery-upload-area{border:2px dashed rgba(12,71,30,.35);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;min-height:120px;display:flex;align-items:center;justify-content:center}.gallery-upload-area:hover{border-color:var(--primary-glow);background:#0c471e0d}.gallery-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;width:100%}.gallery-preview-item{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1;border:2px solid rgba(12,71,30,.2)}.gallery-preview-img{width:100%;height:100%;object-fit:cover;display:block}.gallery-remove-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#dc2626d9;color:#fff;border:none;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.gallery-remove-btn:hover{background:#dc2626}.gallery-add-more{border:2px dashed rgba(12,71,30,.4);border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-glow);font-size:2rem;font-weight:300;transition:all .2s}.gallery-add-more:hover{background:#0c471e14;border-color:var(--primary-glow)}::selection{background:#0c471e33;color:var(--text-primary)}::-moz-selection{background:#0c471e33;color:var(--text-primary)}.fd-container{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 4rem;min-height:100vh;background:linear-gradient(160deg,#0d1f12,#122918 40%,#0a1c10);font-family:Segoe UI,system-ui,sans-serif;color:#e2f0e8}.fd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:#ffffff0a;border:1px solid rgba(74,222,128,.15);border-radius:18px;margin-bottom:1.75rem;flex-wrap:wrap}.fd-header__left{display:flex;align-items:flex-start;gap:1rem}.fd-header__icon-wrap{width:52px;height:52px;border-radius:14px;background:#4ade801f;border:1px solid rgba(74,222,128,.25);display:flex;align-items:center;justify-content:center;color:#4ade80;flex-shrink:0;margin-top:2px}.fd-greeting{font-size:1.7rem;font-weight:700;color:#f0fdf4;margin:0 0 .5rem;line-height:1.2}.fd-greeting__name{color:#4ade80}.fd-header__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.4rem}.fd-meta-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:#86efac;background:#4ade801a;border:1px solid rgba(74,222,128,.2);border-radius:999px;padding:.25rem .7rem}.fd-header__date{font-size:.8rem;color:#6b7280;text-transform:capitalize;margin:0}.fd-plan-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border:1.5px solid;border-radius:12px;font-weight:700;font-size:.95rem;flex-shrink:0;letter-spacing:.05em}.fd-plan-badge__sub{font-weight:400;font-size:.75rem;opacity:.7;margin-left:.2rem}.fd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.fd-stat{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:background .25s,transform .25s,border-color .25s}.fd-stat:hover{background:#ffffff12;border-color:#4ade8033;transform:translateY(-2px)}.fd-stat__icon-wrap{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fd-stat__icon-wrap--blue{background:#60a5fa26;color:#60a5fa}.fd-stat__icon-wrap--yellow{background:#fbbf2426;color:#fbbf24}.fd-stat__icon-wrap--teal{background:#2dd4bf26;color:#2dd4bf}.fd-stat__icon-wrap--green{background:#4ade8026;color:#4ade80}.fd-stat__icon-wrap--orange{background:#fb923c26;color:#fb923c}.fd-stat__body{display:flex;flex-direction:column;min-width:0}.fd-stat__value{font-size:1.5rem;font-weight:800;color:#f0fdf4;line-height:1.1}.fd-stat__value--active{color:#4ade80}.fd-stat__value--inactive{color:#fb923c}.fd-stat__label{font-size:.75rem;color:#6b7280;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-section-label{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#4b5563;margin:0 0 1rem}.fd-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.fd-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:18px;text-decoration:none;color:#d1fae5;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;animation:fdCardIn .5s ease forwards;opacity:0}.fd-action-card--primary{background:#4ade8014;border-color:#4ade804d}@keyframes fdCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fd-action-card:hover{background:#4ade8014;border-color:#4ade8059;transform:translateY(-5px);box-shadow:0 12px 30px #4ade801a;color:#f0fdf4}.fd-action-card--primary:hover{background:#4ade8026;border-color:#4ade8080}.fd-action-card__icon{width:60px;height:60px;border-radius:16px;background:#4ade801a;border:1px solid rgba(74,222,128,.2);display:flex;align-items:center;justify-content:center;color:#4ade80;transition:background .25s,transform .25s}.fd-action-card:hover .fd-action-card__icon{background:#4ade802e;transform:scale(1.1)}.fd-action-card__text{font-size:.95rem;font-weight:600;color:#e2f0e8;text-align:center;line-height:1.2}.fd-action-card__desc{font-size:.75rem;color:#6b7280;text-align:center;transition:color .25s}.fd-action-card:hover .fd-action-card__desc{color:#86efac}.fd-cta{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;background:#4ade800f;border:1px solid rgba(74,222,128,.2);border-radius:16px;flex-wrap:wrap}.fd-cta__icon{color:#4ade80;flex-shrink:0}.fd-cta__text{flex:1;color:#9ca3af;font-size:.9rem;margin:0}.fd-cta__text strong{color:#4ade80}.fd-cta__btn{display:inline-block;padding:.6rem 1.4rem;background:#4ade80;color:#0d1f12;font-weight:700;font-size:.88rem;border-radius:999px;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.fd-cta__btn:hover{background:#22c55e;transform:translateY(-1px)}.fd-sponsored-section{margin:2rem 0}.fd-sponsored-grid{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:start}.fd-sponsored-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.75rem 1.25rem;background:#fbbf240f;border:1px solid rgba(251,191,36,.25);border-radius:16px;text-decoration:none;color:#fef3c7;transition:background .25s,border-color .25s,transform .25s}.fd-sponsored-card:hover{background:#fbbf241a;border-color:#fbbf2466;transform:translateY(-3px)}.fd-sponsored-card__icon{color:#fbbf24;margin-bottom:.25rem}.fd-sponsored-card__text{font-size:1rem;font-weight:700;color:#fef3c7;text-align:center}.fd-sponsored-card__desc{font-size:.78rem;color:#fcd34d;opacity:.8}.fd-sponsored-card__link{font-size:.82rem;color:#fde047;font-weight:600;margin-top:.25rem}.fd-sponsored-info{padding:1.25rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px}.fd-sponsored-info__title{font-size:.92rem;font-weight:700;color:#e2f0e8;margin:0 0 .75rem}.fd-sponsored-info__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.fd-sponsored-info__list li{font-size:.85rem;color:#9ca3af;padding-left:1.2rem;position:relative}.fd-sponsored-info__list li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.fd-renew-card{padding:1.25rem 1.5rem;background:#ffffff0a;border:1px solid rgba(74,222,128,.2);border-radius:16px;margin-top:1.5rem}.fd-renew-card--warning{border-color:#fb923c66;background:#fb923c0d}.fd-renew-card--expired{border-color:#ef444480;background:#ef44440f}.fd-renew-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.fd-renew-card__info{display:flex;align-items:center;gap:.75rem}.fd-renew-card__icon{color:#4ade80;flex-shrink:0}.fd-renew-card--warning .fd-renew-card__icon{color:#fb923c}.fd-renew-card--expired .fd-renew-card__icon{color:#ef4444}.fd-renew-card__title{font-size:.95rem;font-weight:600;color:#e2f0e8;margin:0 0 .15rem}.fd-renew-card--warning .fd-renew-card__title{color:#fb923c}.fd-renew-card--expired .fd-renew-card__title{color:#ef4444}.fd-renew-card__sub{font-size:.78rem;color:#6b7280;margin:0}.fd-renew-card__btn{padding:.55rem 1.3rem;background:#4ade80;color:#0d1f12;font-weight:700;font-size:.85rem;border:none;border-radius:999px;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;flex-shrink:0}.fd-renew-card--warning .fd-renew-card__btn{background:#fb923c;color:#fff}.fd-renew-card--expired .fd-renew-card__btn{background:#ef4444;color:#fff}.fd-renew-card__btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.fd-renew-card__badge-active{padding:.45rem 1.1rem;background:#4ade8026;color:#4ade80;font-weight:600;font-size:.82rem;border:1px solid rgba(74,222,128,.35);border-radius:999px;white-space:nowrap;flex-shrink:0;letter-spacing:.03em}.fd-progress-bar{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:.4rem}.fd-progress-bar__fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:999px;transition:width .6s ease}.fd-renew-card--warning .fd-progress-bar__fill{background:linear-gradient(90deg,#fb923c,#f97316)}.fd-renew-card--expired .fd-progress-bar__fill{background:#ef4444}.fd-progress-label{font-size:.73rem;color:#6b7280;margin:0;text-align:right}.fd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.fd-modal{background:#0f2318;border:1px solid rgba(74,222,128,.2);border-radius:20px;padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.fd-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.fd-modal__header h2{font-size:1.3rem;font-weight:700;color:#f0fdf4;margin:0}.fd-modal__close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:6px;display:flex;transition:color .2s}.fd-modal__close:hover{color:#ef4444}.fd-modal__sub{font-size:.85rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.fd-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.fd-plan-option{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;padding:1.1rem .9rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;transition:border-color .2s,background .2s}.fd-plan-option:hover{background:#ffffff12}.fd-plan-option--selected{background:#4ade800f}.fd-plan-option__label{font-size:1rem;font-weight:800;letter-spacing:.05em}.fd-plan-option__duration{font-size:.8rem;font-weight:700;color:#9ca3af}.fd-plan-option__features{list-style:none;padding:0;margin:.4rem 0 0;font-size:.72rem;color:#6b7280;line-height:1.6}.fd-plan-option__price{font-size:.8rem;font-weight:700;color:#4ade80;margin-top:.3rem}.fd-modal__error{font-size:.85rem;color:#ef4444;background:#ef44441a;border-radius:8px;padding:.5rem .8rem;margin:0 0 1rem}.fd-modal__success{font-size:.85rem;color:#4ade80;background:#4ade801a;border-radius:8px;padding:.5rem .8rem;margin:0 0 1rem}.fd-modal__confirm{width:100%;padding:.8rem;background:#4ade80;color:#0d1f12;font-weight:700;font-size:.95rem;border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .15s}.fd-modal__confirm:hover:not(:disabled){background:#22c55e;transform:translateY(-1px)}.fd-modal__confirm:disabled{opacity:.5;cursor:not-allowed}.fd-perf-loading,.fd-perf-empty{font-size:.875rem;color:#6b7280;text-align:center;padding:1rem 0 1.5rem}.fd-perf{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.75rem}.fd-perf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.fd-perf-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.1rem 1rem;display:flex;align-items:flex-start;gap:.75rem;transition:background .2s}.fd-perf-card:hover{background:#ffffff12}.fd-perf-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fd-perf-card--blue .fd-perf-card__icon{background:#60a5fa26;color:#60a5fa}.fd-perf-card--teal .fd-perf-card__icon{background:#14b8a626;color:#2dd4bf}.fd-perf-card--yellow .fd-perf-card__icon{background:#fbbf2426;color:#fbbf24}.fd-perf-card--green .fd-perf-card__icon{background:#4ade8026;color:#4ade80}.fd-perf-card__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.fd-perf-card__value{font-size:1.35rem;font-weight:800;color:#f0fdf4;line-height:1}.fd-perf-card--blue .fd-perf-card__value{color:#60a5fa}.fd-perf-card--teal .fd-perf-card__value{color:#2dd4bf}.fd-perf-card--yellow .fd-perf-card__value{color:#fbbf24}.fd-perf-card--green .fd-perf-card__value{color:#4ade80}.fd-perf-card__label{font-size:.78rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.fd-perf-card__sub{font-size:.75rem;color:#6b7280}.fd-stock-row{display:flex;gap:.75rem;flex-wrap:wrap}.fd-stock-chip{display:flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.82rem;color:#9ca3af}.fd-stock-chip--good{background:#4ade801a;border-color:#4ade8040;color:#4ade80}.fd-stock-chip--bad{background:#ef44441a;border-color:#ef444440;color:#f87171}.fd-stock-chip__val{font-weight:700}.fd-stock-chip__label{color:inherit;opacity:.85}.fd-catbar{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.1rem 1.25rem}.fd-catbar__title{font-size:.8rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .9rem}.fd-catbar__row{display:flex;align-items:center;gap:.75rem;margin-bottom:.55rem}.fd-catbar__label{width:110px;flex-shrink:0;font-size:.82rem;color:#d1d5db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.fd-catbar__track{flex:1;height:8px;background:#ffffff12;border-radius:999px;overflow:hidden}.fd-catbar__fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:999px;min-width:4px;transition:width .6s ease}.fd-catbar__count{width:28px;text-align:right;font-size:.82rem;font-weight:700;color:#4ade80}.fd-stars-row{display:flex;align-items:center;gap:.3rem;background:#fbbf2412;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:.7rem 1rem}.fd-star--filled{color:#fbbf24;fill:#fbbf24}.fd-star--empty{color:#fbbf2440}.fd-stars-label{font-size:.85rem;color:#9ca3af;margin-left:.4rem}@media(max-width:900px){.fd-stats,.fd-actions,.fd-perf-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.fd-container{padding:1.25rem 1rem 3rem}.fd-greeting{font-size:1.35rem}.fd-header{padding:1.25rem}.fd-stats,.fd-actions{grid-template-columns:repeat(2,1fr);gap:.75rem}.fd-action-card{padding:1.5rem .75rem}.fd-stat__value{font-size:1.25rem}.fd-plan-grid{grid-template-columns:1fr}.fd-modal{padding:1.5rem 1.25rem}.fd-perf-grid{grid-template-columns:repeat(2,1fr)}.fd-catbar__label{width:80px}}:root{--mp-primary: #22c55e;--mp-primary-dark: #16a34a;--mp-secondary: #0f172a;--mp-bg: #f8fafc;--mp-card: #ffffff;--mp-text: #0f172a;--mp-text-secondary: #475569;--mp-text-muted: #64748b;--mp-border: #e2e8f0;--mp-success: #22c55e;--mp-warning: #f59e0b;--mp-danger: #ef4444;--mp-info: #3b82f6;--mp-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--mp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--mp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--mp-radius: 12px;--mp-radius-lg: 16px;--mp-transition: all .2s ease}.produits-container{max-width:1280px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--mp-bg)}@media(min-width:640px){.produits-container{padding:2.5rem}}@media(min-width:1024px){.produits-container{padding:3rem 4rem}}.produits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.produits-header h1{font-size:2.5rem;font-weight:800;color:var(--mp-text);margin:0;letter-spacing:-.025em;line-height:1.2}.btn-ajouter{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--mp-primary) 0%,var(--mp-primary-dark) 100%);color:#fff;text-decoration:none;border-radius:var(--mp-radius);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:var(--mp-transition);box-shadow:0 4px 12px #22c55e40;white-space:nowrap;position:relative;overflow:hidden}.btn-ajouter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.btn-ajouter:hover:before{left:100%}.btn-ajouter:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}.btn-ajouter:focus-visible{outline:3px solid var(--mp-primary);outline-offset:3px}.btn-ajouter .btn-icon{font-size:1.25rem;font-weight:400;line-height:1}@media(max-width:768px){.produits-header{flex-direction:column;align-items:stretch;text-align:center}.produits-header h1{font-size:2rem}.btn-ajouter{width:100%;justify-content:center}}@media(max-width:480px){.produits-header h1{font-size:1.75rem}.btn-ajouter{padding:.875rem 1.5rem;font-size:.95rem}}.sponsor-check-banner,.sponsor-error-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-radius:var(--mp-radius);margin-bottom:1.5rem;font-size:.9rem;font-weight:500;border:1px solid}.sponsor-check-banner--ok{background:#22c55e1a;border-color:#22c55e4d;color:#166534}.sponsor-check-banner--warn{background:#f59e0b14;border-color:#f59e0b40;color:#92400e}.sponsor-error-banner{background:#ef444414;border-color:#ef444440;color:#991b1b}.sponsor-check-banner button,.sponsor-error-banner button{background:none;border:none;color:currentColor;cursor:pointer;font-size:1.5rem;line-height:1;opacity:.6;transition:opacity .2s;padding:.25rem;font-weight:300}.sponsor-check-banner button:hover,.sponsor-error-banner button:hover{opacity:1}.produits-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.75rem;background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);box-shadow:var(--mp-shadow-sm);transition:var(--mp-transition)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--mp-shadow-md);border-color:var(--mp-primary)}.stat-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0}.stat-icon svg{width:28px;height:28px}.stat-icon--success{color:var(--mp-success)}.stat-icon--warning{color:var(--mp-warning)}.stat-icon--danger{color:var(--mp-danger)}.stat-info h3{font-size:2.5rem;font-weight:800;color:var(--mp-text);margin:0;line-height:1.1}.stat-info p{font-size:1rem;color:var(--mp-text-secondary);margin:.5rem 0 0;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(max-width:640px){.produits-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem;flex-direction:column;text-align:center;gap:.75rem}.stat-info h3{font-size:2rem}.stat-info p{font-size:.875rem}}.produits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;position:relative;z-index:2}@media(max-width:768px){.produits-grid{grid-template-columns:1fr}}.produit-card{background:var(--mp-card);border:1px solid var(--mp-border);border-radius:var(--mp-radius-lg);padding:1.75rem;box-shadow:var(--mp-shadow-sm);transition:var(--mp-transition);display:flex;flex-direction:column;position:relative}.produit-card:hover{transform:translateY(-4px);box-shadow:var(--mp-shadow-lg);border-color:var(--mp-primary)}.produit-card--sponsored{border-color:#f59e0b80;background:linear-gradient(135deg,#fffbeb,#fff)}.produit-card--sponsored:hover{border-color:#f59e0bb3}.produit-img-wrap{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--mp-radius);overflow:hidden;margin-bottom:1.25rem;background:#f1f5f9}.produit-image-reel{width:100%;height:100%;object-fit:cover}.produit-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.produit-sponsored-badge,.produit-moderation-badge{position:absolute;padding:.375rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:10;box-shadow:0 2px 6px #00000026}.produit-sponsored-badge{top:.75rem;left:.75rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.produit-moderation-badge{bottom:.75rem;left:.75rem}.produit-sponsored-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.produit-moderation-badge{position:absolute;bottom:.75rem;left:.75rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;z-index:10;box-shadow:0 2px 6px #00000026}.produit-moderation-badge--pending{background:#f59e0b;color:#1a0a00}.produit-moderation-badge--rejected{background:#ef4444;color:#fff}.produit-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.produit-titre h3{font-size:1.35rem;font-weight:700;color:var(--mp-text);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.produit-categorie{display:inline-block;font-size:.75rem;font-weight:600;color:var(--mp-primary);background:#22c55e1f;padding:.375rem .75rem;border-radius:999px;border:1px solid rgba(34,197,94,.25);text-transform:uppercase;letter-spacing:.05em}.produit-description{margin-bottom:1.25rem;font-size:.95rem;color:var(--mp-text-secondary);line-height:1.6}.produit-description p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.produit-rejection-note{font-size:.85rem;color:var(--mp-danger);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.75rem .875rem;margin-bottom:1rem;line-height:1.5}.produit-rejection-note em{font-style:italic;font-weight:500}.produit-info{margin-bottom:1.5rem;padding:1rem 0;border-top:1px solid var(--mp-border);border-bottom:1px solid var(--mp-border)}.info-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.info-row:last-child{margin-bottom:0}.info-label{color:var(--mp-text-muted);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}.info-value{font-weight:700;color:var(--mp-text);text-align:right;font-size:1rem}.info-value.prix{color:var(--mp-primary);font-size:1rem}.statut-disponible{display:inline-block;padding:.25rem .75rem;background:#22c55e1f;color:#166534;font-weight:700;font-size:.875rem;border-radius:999px}.statut-bientot-epuise{display:inline-block;padding:.25rem .75rem;background:#f59e0b1f;color:#92400e;font-weight:700;font-size:.875rem;border-radius:999px}.statut-epuise{display:inline-block;padding:.25rem .75rem;background:#ef44441f;color:#991b1b;font-weight:700;font-size:.875rem;border-radius:999px}.produit-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-top:auto}@media(max-width:480px){.produit-actions{grid-template-columns:1fr}}.produit-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;font-size:.95rem;font-weight:600;border-radius:var(--mp-radius);border:1px solid;cursor:pointer;transition:var(--mp-transition);text-decoration:none;white-space:nowrap}.btn-modifier{background:var(--mp-card);color:var(--mp-info);border-color:var(--mp-border)}.btn-modifier:hover{background:var(--mp-info);color:#fff;border-color:var(--mp-info)}.btn-supprimer{background:var(--mp-card);color:var(--mp-danger);border-color:var(--mp-border)}.btn-supprimer:hover{background:var(--mp-danger);color:#fff;border-color:var(--mp-danger)}.btn-sponsor{background:var(--mp-card);color:var(--mp-warning);border-color:var(--mp-border)}.btn-sponsor:hover:not(:disabled){background:var(--mp-warning);color:#fff;border-color:var(--mp-warning)}.btn-sponsor--active{background:var(--mp-warning);color:#fff;border-color:var(--mp-warning)}.btn-sponsor:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:5rem 2.5rem;background:var(--mp-card);border:2px dashed var(--mp-border);border-radius:var(--mp-radius-lg);margin:2rem 0}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.8}.empty-state h3{font-size:1.875rem;font-weight:800;color:var(--mp-text);margin:0 0 1rem}.empty-state p{font-size:1.125rem;color:var(--mp-text-secondary);margin:0 0 2rem;max-width:500px;margin-left:auto;margin-right:auto}.btn-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--mp-primary) 0%,var(--mp-primary-dark) 100%);color:#fff;text-decoration:none;border-radius:var(--mp-radius);font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:var(--mp-transition);box-shadow:0 4px 12px #22c55e40;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}.btn-primary:focus-visible{outline:3px solid var(--mp-primary);outline-offset:3px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:3px solid var(--mp-border);border-top-color:var(--mp-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:var(--mp-text-secondary);font-size:1.1rem;font-weight:500}.error-container{text-align:center;padding:4rem 2rem;background:var(--mp-card);border-radius:var(--mp-radius-lg);border:1px solid var(--mp-border)}.error-container h3{font-size:1.5rem;font-weight:700;color:var(--mp-danger);margin:0 0 1rem}.error-container p{color:var(--mp-text-secondary);margin-bottom:1.5rem;font-size:1rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-actions button{padding:.875rem 1.75rem;border-radius:var(--mp-radius);font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:var(--mp-transition)}.error-actions .btn-secondary{background:var(--mp-card);color:var(--mp-text);border:1px solid var(--mp-border)}.error-actions .btn-secondary:hover{background:var(--mp-bg);border-color:var(--mp-text-muted)}@media(max-width:640px){.produits-container{padding:1rem}.produits-header h1{font-size:1.75rem}.stat-card{padding:1.25rem}.stat-info h3{font-size:2rem}.produit-card{padding:1.25rem}.empty-state{padding:3rem 1.5rem}.empty-state h3{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-ajouter:focus-visible,.btn-primary:focus-visible,.produit-actions button:focus-visible,.error-actions button:focus-visible{outline:3px solid var(--mp-primary);outline-offset:3px}@media(prefers-color-scheme:dark){:root{--mp-bg: #0f172a;--mp-card: #1e293b;--mp-text: #f1f5f9;--mp-text-secondary: #cbd5e1;--mp-text-muted: #94a3b8;--mp-border: #334155}.produit-categorie{background:#22c55e33;color:#4ade80;border-color:#4ade804d}.produit-rejection-note{background:#f871711a;border-color:#f8717133;color:#f87171}.statut-disponible{background:#4ade8026;color:#4ade80}.statut-bientot-epuise{background:#fbbf2426;color:#fbbf24}.statut-epuise{background:#f8717126;color:#f87171}.btn-modifier{background:var(--mp-card);color:#60a5fa;border-color:var(--mp-border)}.btn-supprimer{background:var(--mp-card);color:#f87171;border-color:var(--mp-border)}.btn-sponsor{background:var(--mp-card);color:#fbbf24;border-color:var(--mp-border)}.empty-state{background:var(--mp-card);border-color:var(--mp-border)}}.spm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.spm-modal{background:#0d1f12;border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:2rem;width:100%;max-width:460px;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 24px 60px #00000080,0 0 40px #f59e0b14;animation:spm-in .2s ease}@keyframes spm-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.spm-header{display:flex;align-items:flex-start;gap:.9rem}.spm-header__icon{font-size:1.9rem;line-height:1;flex-shrink:0}.spm-title{font-size:1.15rem;font-weight:800;color:#fde68a;margin:0 0 .15rem}.spm-sub{font-size:.8rem;color:#9ca3af;margin:0}.spm-close{margin-left:auto;background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;padding:.2rem .4rem;border-radius:6px;transition:color .15s;flex-shrink:0}.spm-close:hover{color:#ef4444}.spm-product{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px}.spm-product__label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.spm-product__name{font-size:.9rem;font-weight:700;color:#e2f0e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spm-offer{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 1.25rem;background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:1px solid rgba(245,158,11,.3);border-radius:14px}.spm-offer__price{display:flex;align-items:baseline;gap:.3rem;flex-shrink:0}.spm-offer__amount{font-size:2.2rem;font-weight:900;color:#fbbf24;line-height:1}.spm-offer__currency{font-size:.85rem;font-weight:700;color:#f59e0b}.spm-offer__details{display:flex;flex-direction:column;gap:.3rem}.spm-offer__duration{font-size:.85rem;font-weight:700;color:#fde68a;margin:0}.spm-offer__desc{font-size:.78rem;color:#9ca3af;margin:0;line-height:1.4}.spm-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.spm-benefits li{font-size:.83rem;color:#d1d5db;padding-left:.25rem}.spm-error{font-size:.83rem;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:.55rem .8rem;margin:0}.spm-actions{display:flex;flex-direction:column;gap:.6rem}.spm-btn{width:100%;padding:.85rem;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:all .2s}.spm-btn--pay{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a0a00;box-shadow:0 4px 16px #f59e0b59}.spm-btn--pay:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px);box-shadow:0 6px 22px #f59e0b73}.spm-btn--pay:disabled{opacity:.6;cursor:not-allowed;transform:none}.spm-btn--cancel{background:#ffffff0d;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.spm-btn--cancel:hover:not(:disabled){background:#ffffff14;color:#d1d5db}.spm-note{font-size:.73rem;color:#6b7280;text-align:center;margin:0}@media(max-width:480px){.spm-modal{padding:1.5rem 1.25rem}.spm-offer{flex-direction:column;gap:.75rem}.spm-offer__amount{font-size:1.8rem}}.abonnes-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(0,255,157,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(76,175,80,.2) 0%,transparent 50%),linear-gradient(135deg,#0a1f0a,#1a3a1a,#0d2c0d);position:relative;overflow:hidden}.abonnes-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 98%,rgba(0,255,157,.08) 100%),linear-gradient(0deg,transparent 98%,rgba(102,255,102,.08) 100%);background-size:35px 35px;pointer-events:none;animation:gridMove 30s linear infinite}@keyframes gridMove{0%{background-position:0 0}to{background-position:35px 35px}}.abonnes-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.abonnes-header h1{color:transparent;font-size:3.2rem;font-weight:800;background:linear-gradient(45deg,#00ff9d,#4caf50,#8bc34a);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:gradientShift 4s ease infinite;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px rgba(0,255,157,.5);margin-bottom:.5rem}.sous-titre{color:#e3ebe4;font-size:1.3rem;opacity:.9;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;position:relative;z-index:1}.stat-card{position:relative;padding:2rem;background:#ffffff14;border-radius:20px;border:1px solid rgba(76,175,80,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s ease;overflow:hidden}.stat-card:hover{transform:translateY(-8px);border-color:#4caf5099;box-shadow:0 15px 40px #00ff9d40,0 0 60px #4caf501a}.stat-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00ff9d,#4caf50,#8bc34a);transform:scaleX(0);transition:transform .4s ease}.stat-card:hover .stat-gradient{transform:scaleX(1)}.stat-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(76,175,80,.6))}.stat-content h3{font-size:2.8rem;font-weight:800;color:#00ff9d;margin:0 0 .5rem;text-shadow:0 0 20px rgba(0,255,157,.5)}.stat-content p{color:#e8f5e8;margin:0;font-size:1.1rem;opacity:.9}.filtres-section{margin-bottom:2rem;position:relative;z-index:1}.filtres-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filtre-btn{padding:1rem 2rem;background:#ffffff14;border:1px solid rgba(76,175,80,.3);border-radius:12px;color:#e8f5e8;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filtre-btn:hover{background:#4caf5033;border-color:#4caf5099;transform:translateY(-2px)}.filtre-btn.active{background:linear-gradient(135deg,#00ff9d,#4caf50);color:#0a1f0a;border-color:transparent;box-shadow:0 5px 20px #00ff9d4d}.abonnes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;position:relative;z-index:1}.abonne-card{background:#ffffff14;border-radius:20px;padding:2rem;border:1px solid rgba(76,175,80,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s ease;position:relative;overflow:hidden}.abonne-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,157,.1),transparent);opacity:0;transition:opacity .3s ease}.abonne-card:hover:before{opacity:1}.abonne-card:hover{transform:translateY(-8px);border-color:#4caf5099;box-shadow:0 15px 40px #00ff9d40,0 0 60px #4caf501a}.abonne-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.abonne-avatar{font-size:3.5rem;filter:drop-shadow(0 0 10px rgba(76,175,80,.5))}.abonne-info h3{color:#fff;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.statut-badge{padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid}.statut-actif{background:#00ff9d1a;border-color:#00ff9d4d;color:#00ff9d}.statut-inactif{background:#ff52521a;border-color:#ff52524d;color:#ff5252}.abonne-details{margin-bottom:1.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-label{color:#b8f2d6;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.detail-value{color:#fff;font-weight:600;font-size:.9rem}.abonne-metrics{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.metric{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.metric:last-child{margin-bottom:0}.metric-label{color:#b8f2d6;font-size:.9rem}.metric-value{color:#fff;font-weight:700;font-size:1rem}.engagement-eleve{color:#00ff9d!important;text-shadow:0 0 10px rgba(0,255,157,.5)}.engagement-moyen{color:#ffeb3b!important;text-shadow:0 0 10px rgba(255,235,59,.5)}.engagement-faible{color:#ff9800!important;text-shadow:0 0 10px rgba(255,152,0,.5)}.abonne-actions{display:flex;gap:1rem}.btn-message,.btn-details{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-message:hover{background:linear-gradient(135deg,#2196f3,#1976d2);transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}.btn-details:hover{background:linear-gradient(135deg,#00ff9d,#4caf50);transform:translateY(-2px);box-shadow:0 5px 15px #00ff9d4d}.empty-state{text-align:center;padding:4rem 2rem;position:relative;z-index:1}.empty-icon{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(76,175,80,.5))}.empty-state h3{color:#fff;font-size:2rem;margin-bottom:1rem}.empty-state p{color:#b8f2d6;font-size:1.2rem;margin-bottom:2rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#00ff9d,#4caf50);color:#0a1f0a;text-decoration:none;border-radius:12px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 8px 25px #00ff9d4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00ff9d80}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;position:relative;z-index:1}.loading-spinner{width:60px;height:60px;border:4px solid rgba(76,175,80,.3);border-top:4px solid #00ff9d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#fff;font-size:1.2rem}@media(max-width:768px){.abonnes-container{padding:1rem}.abonnes-header h1{font-size:2.5rem}.sous-titre{font-size:1.1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.filtres-group{flex-direction:column;align-items:center}.abonnes-grid{grid-template-columns:1fr}.abonne-actions{flex-direction:column}.detail-item{flex-direction:column;align-items:flex-start;gap:.3rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.abonne-header{flex-direction:column;text-align:center}}.profil-wrap{min-height:100vh;background:#f9fafb;display:flex;justify-content:center;padding:2.5rem 1rem 4rem;font-family:Segoe UI,system-ui,sans-serif}.profil-card{width:100%;max-width:720px;background:#fff;border-radius:20px;box-shadow:0 2px 16px #00000012;overflow:hidden;height:fit-content}.profil-hero{display:flex;align-items:flex-start;gap:1.25rem;padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,#0d1f12,#122918);position:relative}.profil-avatar-col{display:flex;flex-direction:column;align-items:center;gap:.55rem;flex-shrink:0}.profil-avatar{width:80px;height:80px;border-radius:50%;background:#4ade80;color:#0d1f12;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:3px solid rgba(255,255,255,.2)}.profil-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profil-avatar__spinner{width:28px;height:28px;border:3px solid rgba(13,31,18,.3);border-top-color:#0d1f12;border-radius:50%;animation:profil-spin .8s linear infinite}@keyframes profil-spin{to{transform:rotate(360deg)}}.profil-photo-actions{display:flex;gap:.4rem}.profil-photo-btn{font-size:.72rem;font-weight:600;padding:.28rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#f0fdf4;cursor:pointer;transition:background .2s;white-space:nowrap}.profil-photo-btn:hover:not(:disabled){background:#fff3}.profil-photo-btn:disabled{opacity:.5;cursor:not-allowed}.profil-photo-btn--delete{border-color:#fca5a566;color:#fca5a5;background:#ef44441a}.profil-photo-btn--delete:hover:not(:disabled){background:#ef444433}.profil-photo-msg{font-size:.7rem;font-weight:500;text-align:center;margin:0;max-width:100px}.profil-photo-msg--error{color:#fca5a5}.profil-photo-msg--success{color:#86efac}.profil-hero-info{flex:1;min-width:0}.profil-name{font-size:1.4rem;font-weight:700;color:#f0fdf4;margin:0 0 .25rem}.profil-email{font-size:.85rem;color:#86efac;margin:0 0 .6rem}.profil-badges{display:flex;flex-wrap:wrap;gap:.4rem}.profil-role-badge{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;background:#4ade8026;color:#86efac;border:1px solid rgba(74,222,128,.25)}.profil-status-badge{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:999px}.profil-status-badge--active{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.profil-status-badge--inactive{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.profil-plan-badge{font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;letter-spacing:.04em}.profil-btn--edit{position:absolute;top:1.5rem;right:1.5rem;background:#ffffff1a;color:#f0fdf4;border:1px solid rgba(255,255,255,.2);font-size:.82rem;padding:.45rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s}.profil-btn--edit:hover{background:#ffffff2e}.profil-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:1.5rem 2rem}.profil-info-row{display:flex;flex-direction:column;gap:3px;padding:.9rem .75rem;border-bottom:1px solid #f1f5f9}.profil-info-row--full{grid-column:1 / -1}.profil-info-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.profil-info-value{font-size:.92rem;color:#111827;font-weight:500}.profil-form{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.profil-form-row{display:flex;flex-direction:column;gap:5px}.profil-form-row label{font-size:.78rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.profil-input{padding:.6rem .9rem;border:1.5px solid #e5e7eb;border-radius:9px;font-size:.92rem;color:#111827;background:#fafafa;outline:none;transition:border-color .2s;font-family:inherit;width:100%;box-sizing:border-box}.profil-input:focus{border-color:#4ade80;background:#fff}.profil-textarea{resize:vertical;min-height:80px}.profil-save-error{color:#dc2626;font-size:.85rem;background:#fef2f2;border-radius:8px;padding:.6rem 1rem;margin:0}.profil-form-actions{display:flex;gap:.75rem;margin-top:.25rem}.profil-btn{padding:.6rem 1.4rem;border-radius:9px;font-weight:600;font-size:.88rem;cursor:pointer;border:none;transition:opacity .2s,transform .15s;font-family:inherit}.profil-btn:hover{opacity:.88}.profil-btn:active{transform:scale(.98)}.profil-btn:disabled{opacity:.55;cursor:not-allowed}.profil-btn--primary{background:#16a34a;color:#fff}.profil-btn--cancel{background:#f1f5f9;color:#374151}.profil-btn--back{background:transparent;color:#6b7280;border:1.5px solid #e5e7eb}.profil-btn--back:hover{background:#f9fafb;color:#111827;opacity:1}.profil-footer{padding:1.25rem 2rem 1.5rem;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-start}.profil-abo-section{padding:0 2rem 2rem}.profil-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin:0 0 .75rem}.profil-abo-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border:1.5px solid;border-radius:12px;background:#fafafa;flex-wrap:wrap}.profil-abo-formule{font-size:1rem;font-weight:800;letter-spacing:.05em}.profil-abo-statut{font-size:.85rem;color:#374151}.profil-abo-date{font-size:.82rem;color:#9ca3af;margin-left:auto}.profil-error-box{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#374151}@media(max-width:600px){.profil-hero{flex-wrap:wrap}.profil-btn--edit{position:static;margin-left:auto}.profil-info-grid{grid-template-columns:1fr}.profil-card{border-radius:0}.profil-wrap{padding:0 0 3rem}}.cd-container{max-width:900px;margin:0 auto;padding:2.5rem 2rem 4rem;min-height:100vh;background:linear-gradient(160deg,#0c1a2e,#0f2340 40%,#091525);font-family:Segoe UI,system-ui,sans-serif;color:#e2eef8}.cd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:#ffffff0a;border:1px solid rgba(96,165,250,.15);border-radius:18px;margin-bottom:1.75rem;flex-wrap:wrap}.cd-header__left{display:flex;align-items:flex-start;gap:1rem}.cd-header__icon{width:50px;height:50px;border-radius:14px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.25);display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0;margin-top:2px}.cd-greeting{font-size:1.6rem;font-weight:700;color:#f0f9ff;margin:0 0 .4rem;line-height:1.2}.cd-greeting__name{color:#60a5fa}.cd-header__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.35rem}.cd-meta-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:#93c5fd;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:999px;padding:.2rem .65rem}.cd-header__date{font-size:.78rem;color:#6b7280;text-transform:capitalize;margin:0}.cd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.cd-stat{display:flex;align-items:center;gap:.9rem;padding:1.2rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:background .25s,transform .25s,border-color .25s}.cd-stat:hover{background:#ffffff12;border-color:#60a5fa33;transform:translateY(-2px)}.cd-stat__icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-stat__icon--blue{background:#60a5fa26;color:#60a5fa}.cd-stat__icon--green{background:#4ade8026;color:#4ade80}.cd-stat__icon--teal{background:#2dd4bf26;color:#2dd4bf}.cd-stat__body{display:flex;flex-direction:column;min-width:0}.cd-stat__value{font-size:1.4rem;font-weight:800;color:#f0f9ff;line-height:1.1}.cd-stat__value--active{color:#4ade80}.cd-stat__label{font-size:.73rem;color:#6b7280;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-section-label{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#4b5563;margin:0 0 1rem}.cd-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.cd-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:18px;text-decoration:none;color:#bfdbfe;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;animation:cdCardIn .5s ease forwards;opacity:0}@keyframes cdCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cd-action-card:hover{background:#60a5fa14;border-color:#60a5fa59;transform:translateY(-4px);box-shadow:0 10px 28px #60a5fa1a;color:#f0f9ff}.cd-action-card__icon{width:58px;height:58px;border-radius:16px;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);display:flex;align-items:center;justify-content:center;color:#60a5fa;transition:background .25s,transform .25s}.cd-action-card:hover .cd-action-card__icon{background:#60a5fa2e;transform:scale(1.08)}.cd-action-card__text{font-size:.92rem;font-weight:600;color:#e2eef8;text-align:center}.cd-action-card__desc{font-size:.73rem;color:#6b7280;text-align:center;transition:color .25s}.cd-action-card:hover .cd-action-card__desc{color:#93c5fd}.cd-loading{display:flex;align-items:center;gap:.75rem;color:#6b7280;font-size:.88rem;padding:1.5rem 0}.cd-spinner{width:28px;height:28px;border:3px solid rgba(96,165,250,.2);border-top-color:#60a5fa;border-radius:50%;animation:cdSpin .8s linear infinite;flex-shrink:0}@keyframes cdSpin{to{transform:rotate(360deg)}}.cd-error{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#f87171;font-size:.88rem}.cd-retry{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid #f87171;color:#f87171;font-size:.78rem;padding:.3rem .75rem;border-radius:6px;cursor:pointer;margin-left:auto;flex-shrink:0;transition:background .2s}.cd-retry:hover{background:#ef44441a}.cd-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:#4b5563;text-align:center}.cd-empty p{color:#6b7280;font-size:.9rem;margin:0}.cd-cta-btn{padding:.55rem 1.4rem;background:#2563eb;color:#fff;font-weight:600;font-size:.85rem;border-radius:999px;text-decoration:none;transition:background .2s}.cd-cta-btn:hover{background:#1d4ed8}.cd-contacts-list{display:flex;flex-direction:column;gap:.6rem}.cd-contact-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:background .2s}.cd-contact-row:hover{background:#ffffff12;border-color:#60a5fa26}.cd-contact-row__icon{width:38px;height:38px;border-radius:10px;background:#60a5fa1a;color:#60a5fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cd-contact-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cd-contact-row__product{font-size:.9rem;font-weight:600;color:#f0f9ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-contact-row__seller{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd-contact-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.cd-contact-row__date{font-size:.7rem;color:#6b7280}.cd-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px}.status--pending{background:#fbbf2426;color:#fbbf24}.status--responded{background:#4ade8026;color:#4ade80}.status--expired{background:#6b728026;color:#9ca3af}.status--refunded{background:#60a5fa26;color:#60a5fa}@media(max-width:600px){.cd-container{padding:1.25rem 1rem 3rem}.cd-greeting{font-size:1.3rem}.cd-header{padding:1.25rem}.cd-stats{grid-template-columns:1fr 1fr}.cd-stat:last-child{grid-column:1 / -1}.cd-stat__value{font-size:1.2rem}.cd-actions{grid-template-columns:1fr}.cd-contact-row__right{display:none}}.mp-root{display:flex;height:calc(100vh - 72px);background:#f4fef7;overflow:hidden}.mp-sidebar{width:300px;flex-shrink:0;background:#fff;border-right:1px solid #e5f5eb;display:flex;flex-direction:column;overflow:hidden}.mp-sidebar__title{padding:1.25rem 1.25rem .75rem;font-size:1.1rem;font-weight:700;color:#15803d;border-bottom:1px solid #e5f5eb;margin:0}.mp-sidebar__hint{padding:1rem 1.25rem;color:#9ca3af;font-size:.875rem;margin:0}.mp-sidebar>.mp-conv-item,.mp-sidebar>button{flex-shrink:0}.mp-conv-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1.25rem;background:none;border:none;border-bottom:1px solid #f0fdf4;cursor:pointer;text-align:left;transition:background .15s}.mp-conv-item:hover{background:#f0fdf4}.mp-conv-item--active{background:#dcfce7}.mp-conv-item--active:hover{background:#bbf7d0}.mp-conv-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.mp-conv-name{font-weight:600;font-size:.9rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-conv-last{font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#22c55e;color:#fff;font-weight:700;flex-shrink:0}.mp-avatar--img{object-fit:cover;background:transparent}.mp-badge{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#16a34a;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mp-chat{flex:1;display:flex;flex-direction:column;overflow:hidden}.mp-chat__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#9ca3af}.mp-chat__empty span{font-size:3rem}.mp-chat__empty p{font-size:1rem;margin:0}.mp-chat__header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#fff;border-bottom:1px solid #e5f5eb;flex-shrink:0}.mp-chat__header-name{font-weight:700;font-size:1rem;color:#1f2937}.mp-chat__messages{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.mp-chat__hint{text-align:center;color:#9ca3af;font-size:.875rem;margin:auto}.mp-msg{display:flex;flex-direction:column;max-width:68%}.mp-msg--mine{align-self:flex-end;align-items:flex-end}.mp-msg--theirs{align-self:flex-start;align-items:flex-start}.mp-msg__text{margin:0;padding:.55rem .85rem;border-radius:16px;font-size:.9rem;line-height:1.45;word-break:break-word;white-space:pre-wrap}.mp-msg--mine .mp-msg__text{background:#16a34a;color:#fff;border-bottom-right-radius:4px}.mp-msg--theirs .mp-msg__text{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000012}.mp-msg__time{font-size:.72rem;color:#9ca3af;margin-top:.2rem;padding:0 .25rem}.mp-chat__input-row{display:flex;align-items:flex-end;gap:.5rem;padding:.875rem 1.25rem;background:#fff;border-top:1px solid #e5f5eb;flex-shrink:0}.mp-chat__input{flex:1;border:1.5px solid #d1fae5;border-radius:10px;padding:.6rem .85rem;font-size:.9rem;font-family:inherit;resize:none;outline:none;line-height:1.4;max-height:120px;overflow-y:auto;transition:border-color .2s;background:#f4fef7}.mp-chat__input:focus{border-color:#22c55e;background:#fff}.mp-chat__send{width:40px;height:40px;border-radius:50%;background:#16a34a;color:#fff;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .1s}.mp-chat__send:hover:not(:disabled){background:#15803d}.mp-chat__send:active:not(:disabled){transform:scale(.93)}.mp-chat__send:disabled{background:#d1d5db;cursor:not-allowed}.mp-empty{display:flex;align-items:center;justify-content:center;height:60vh;color:#6b7280;font-size:1rem}@media(max-width:640px){.mp-root{flex-direction:column;height:calc(100vh - 60px)}.mp-sidebar{width:100%;height:220px;border-right:none;border-bottom:1px solid #e5f5eb;overflow-y:auto}.mp-chat{flex:1;min-height:0}.mp-msg{max-width:85%}}.admin-sidebar-header{padding:1.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:var(--admin-header-height)}.brand-icon{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));border-radius:12px;color:#fff;box-shadow:0 4px 12px #3b82f666}.brand-text{font-size:1.25rem;font-weight:800;color:#f1f5f9;letter-spacing:-.025em;white-space:nowrap;transition:opacity .2s}.admin-sidebar.collapsed .brand-text{opacity:0;width:0;overflow:hidden}.admin-nav{flex:1;padding:.75rem .5rem;overflow-y:auto}.nav-list{display:flex;flex-direction:column;gap:.2rem}.nav-link{display:flex;align-items:center;padding:.55rem .875rem;margin:0 .25rem;border-radius:10px;color:#cbd5e1;text-decoration:none;transition:var(--admin-transition);position:relative;font-weight:500;font-size:.875rem}.nav-link:hover{background:#ffffff14;color:#f1f5f9;transform:translate(4px)}.nav-link.active{background:#3b82f626;color:var(--admin-primary);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--admin-primary);border-radius:0 4px 4px 0}.nav-icon{min-width:20px;display:flex;align-items:center;justify-content:center;margin-right:.65rem;font-size:1.05rem}.nav-link span:not(.nav-icon){white-space:nowrap;opacity:1;transition:opacity .2s}.admin-sidebar.collapsed .nav-link span:not(.nav-icon){opacity:0;width:0;overflow:hidden}.admin-sidebar.collapsed .nav-link{justify-content:center;padding:1rem 0;margin:0 .75rem}.admin-sidebar.collapsed .nav-icon{margin-right:0;font-size:1.5rem}.admin-sidebar.collapsed .nav-link .tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;white-space:nowrap;box-shadow:0 10px 25px -5px #0006;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;margin-left:.75rem}.admin-sidebar.collapsed .nav-link:hover .tooltip{opacity:1}.logout-button{display:flex;align-items:center;margin:.75rem;padding:.875rem 1rem;border-radius:12px;background:none;border:none;color:#cbd5e1;cursor:pointer;transition:var(--admin-transition);text-align:left;font-weight:500}.logout-button:hover{background:#ef444426;color:#fecaca;transform:translate(4px)}.admin-sidebar.collapsed .logout-button{justify-content:center;padding:1rem 0}.admin-sidebar.collapsed .logout-button span{display:none}.logout-button svg{margin-right:.875rem;min-width:20px}.admin-sidebar.collapsed .logout-button svg{margin-right:0}.collapse-button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;color:#e2e8f0;border-radius:50%;cursor:pointer;transition:var(--admin-transition);z-index:10}.collapse-button:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.admin-sidebar.collapsed .collapse-button{right:50%;transform:translate(50%,-50%)}.admin-nav::-webkit-scrollbar{width:6px}.admin-nav::-webkit-scrollbar-track{background:transparent}.admin-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.admin-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.admin-sidebar{width:100%;height:60px;bottom:auto;top:0;flex-direction:row;align-items:center;padding:0 1rem;transform:translateY(-100%);order:-1}.admin-sidebar.mobile-open{transform:translateY(0)}.admin-sidebar-header{padding:0;border-bottom:none;min-height:auto;gap:.5rem}.brand-text{font-size:1.1rem}.collapse-button,.admin-nav,.logout-button{display:none}}.admin-header{display:flex;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);box-shadow:0 4px 20px #00000026;position:relative;overflow:hidden;z-index:100}.admin-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#06b6d4,#3b82f6);background-size:300% 300%;animation:gradientFlow 8s ease infinite;z-index:1}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.admin-header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;padding:0 2rem;height:var(--admin-header-height);position:relative;z-index:2}.admin-header-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;text-decoration:none;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.admin-header-title:hover{color:var(--admin-primary);transform:translateY(-1px)}.admin-header-right{display:flex;align-items:center;gap:1.25rem}.admin-header-user{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem 1rem;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99px;border:1px solid rgba(255,255,255,.1);transition:var(--admin-transition);cursor:pointer}.admin-header-user:hover{background:#ffffff1f;transform:translateY(-1px)}.admin-user-name{font-size:.9rem;font-weight:600;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:.5rem}.admin-user-name:before{content:"👤";font-size:1rem}.admin-user-email{font-size:.75rem;color:#94a3b8;margin:0;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.admin-logout-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid rgba(239,68,68,.5);color:#fca5a5;border-radius:99px;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--admin-transition)}.admin-logout-btn:hover{background:var(--admin-danger);border-color:var(--admin-danger);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.admin-logout-btn svg{width:18px;height:18px}@media(max-width:768px){.admin-header-container{padding:0 1rem}.admin-header-title{font-size:1.1rem}.admin-header-user{padding:.375rem .75rem}.admin-user-name{font-size:.8rem}.admin-user-name:before{display:none}.admin-user-email,.admin-logout-btn span{display:none}.admin-logout-btn{padding:.625rem;border-radius:50%}}@media(max-width:480px){.admin-header-title{font-size:1rem}.admin-header-right{gap:.75rem}}@media(prefers-reduced-motion:reduce){.admin-header:before{animation:none}.admin-header-title,.admin-header-user,.admin-logout-btn{transition:none}}@media(prefers-color-scheme:dark){.admin-header{background:linear-gradient(135deg,#0f172a,#020617)}.admin-header-user{background:#ffffff0d;border-color:#ffffff14}.admin-header-user:hover{background:#ffffff14}.admin-user-name{color:#f1f5f9}.admin-user-email{color:#64748b}}:root{--admin-primary: #3b82f6;--admin-primary-dark: #2563eb;--admin-secondary: #64748b;--admin-bg: #f1f5f9;--admin-card: #ffffff;--admin-text: #0f172a;--admin-text-secondary: #64748b;--admin-border: #e2e8f0;--admin-success: #22c55e;--admin-warning: #f59e0b;--admin-danger: #ef4444;--admin-info: #06b6d4;--admin-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--admin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--admin-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--admin-radius: 12px;--admin-radius-lg: 16px;--admin-transition: all .2s cubic-bezier(.4, 0, .2, 1);--admin-header-height: 70px;--admin-sidebar-width: 260px;--admin-sidebar-collapsed: 80px}*{box-sizing:border-box}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--admin-sidebar-width);background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;z-index:50;display:flex;flex-direction:column;box-shadow:4px 0 24px #0000001f;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.admin-sidebar.collapsed{width:var(--admin-sidebar-collapsed)}.admin-content{flex:1;display:flex;flex-direction:column;margin-left:var(--admin-sidebar-width);transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar.collapsed+.admin-content{margin-left:var(--admin-sidebar-collapsed)}.admin-header{background:var(--admin-card);box-shadow:var(--admin-shadow-sm);padding:1rem 2rem;position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--admin-border);height:var(--admin-header-height)}.admin-main{flex:1;overflow-y:auto;padding:2rem;background:var(--admin-bg)}.content-container{max-width:1400px;margin:0 auto;width:100%}.admin-main::-webkit-scrollbar{width:6px}.admin-main::-webkit-scrollbar-track{background:transparent}.admin-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-main::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.admin-sidebar{width:var(--admin-sidebar-collapsed)}.admin-content{margin-left:var(--admin-sidebar-collapsed)}.admin-sidebar.collapsed{width:0;transform:translate(-100%)}.admin-sidebar.collapsed+.admin-content{margin-left:0}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:60px;bottom:auto;top:0;flex-direction:row;align-items:center;padding:0 1rem;transform:translateY(-100%)}.admin-sidebar.mobile-open{transform:translateY(0)}.admin-content{margin-left:0;margin-top:60px}.admin-header{padding:.75rem 1rem}.admin-main{padding:1rem}}@media(max-width:480px){.admin-main{padding:.75rem}}@media(prefers-color-scheme:dark){:root{--admin-bg: #0f172a;--admin-card: #1e293b;--admin-text: #f1f5f9;--admin-text-secondary: #94a3b8;--admin-border: #334155}.admin-header{background:var(--admin-card);border-bottom-color:var(--admin-border)}.admin-main::-webkit-scrollbar-thumb{background:#475569}.admin-main::-webkit-scrollbar-thumb:hover{background:#64748b}}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-main>*{animation:adminFadeIn .3s ease-out}:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dashboard-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dash-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.dash-refresh-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.dash-refresh-btn:disabled{opacity:.6;cursor:default}.dash-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.dash-alert{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.875rem;font-weight:500;border:none;text-align:left;width:100%;cursor:default}.dash-alert--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e;cursor:pointer}.dash-alert--warn:hover{background:#fef3c7}.dash-alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.dash-link-btn{font-size:.78rem;font-weight:600;color:#16a34a;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;transition:background .1s}.dash-link-btn:hover{background:#f0fdf4}.dash-badge-neutral{font-size:.75rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:20px}.dash-shortcuts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:1rem}.dash-shortcut{padding:8px 10px;font-size:.8rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s}.dash-shortcut:hover{background:#f0fdf4;border-color:#86efac;color:#15803d}.dashboard-title{font-size:2rem;font-weight:800;color:var(--admin-text);margin:0 0 .25rem;line-height:1.2}.dashboard-subtitle{font-size:1rem;color:var(--admin-text-secondary);margin:0}.current-date{text-align:right;display:flex;flex-direction:column;gap:2px}.date-day{font-size:.85rem;color:var(--admin-text-secondary);text-transform:capitalize}.date-full{font-size:1rem;font-weight:600;color:var(--admin-text);text-transform:capitalize}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.charts-container{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;margin-bottom:2rem}.activity-card,.transactions-card,.subscriptions-card,.contact-card{background:var(--admin-card);border-radius:var(--admin-radius-lg);padding:1.75rem;box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-title{font-size:1.125rem;font-weight:700;color:var(--admin-text);margin:0}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .625rem;background:#22c55e1f;color:var(--admin-success);border:1px solid rgba(34,197,94,.3);border-radius:999px;font-size:.8rem;font-weight:700}.stats-boxes{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{border-radius:var(--admin-radius);padding:1.25rem;text-align:center;border:1px solid transparent;transition:var(--admin-transition)}.stat-box:hover{transform:translateY(-2px)}.stat-box-blue{background:#3b82f614;border-color:#3b82f633}.stat-box-green{background:#22c55e14;border-color:#22c55e33}.stat-box-yellow{background:#f59e0b14;border-color:#f59e0b33}.stat-box-red{background:#ef444414;border-color:#ef444433}.stat-box-value{font-size:1.75rem;font-weight:800;margin:0 0 .25rem;line-height:1.2}.stat-box-blue .stat-box-value{color:#2563eb}.stat-box-green .stat-box-value{color:#16a34a}.stat-box-yellow .stat-box-value{color:#d97706}.stat-box-red .stat-box-value{color:#dc2626}.stat-box-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--admin-text-secondary);margin:0}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.subscriptions-content{margin-top:1rem}.subscriptions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.subscription-item{display:flex;flex-direction:column;gap:.5rem}.subscription-info{display:flex;align-items:center;gap:.625rem}.sub-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.sub-bleu{background:#3b82f6}.sub-gold{background:#f59e0b}.sub-platinum{background:#8b5cf6}.subscription-name{font-size:.9rem;font-weight:600;color:var(--admin-text);flex:1}.subscription-count{font-size:.8rem;color:var(--admin-text-secondary)}.subscription-bar-row{display:flex;align-items:center;gap:.75rem}.subscription-bar-track{flex:1;height:8px;background:var(--admin-bg);border-radius:4px;overflow:hidden}.subscription-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.fill-bleu{background:#3b82f6}.fill-gold{background:#f59e0b}.fill-platinum{background:#8b5cf6}.subscription-percent{font-size:.8rem;font-weight:700;color:var(--admin-text-secondary);min-width:36px;text-align:right}.payment-revenue{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding:.875rem 1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:10px;font-size:.875rem;color:var(--admin-text-secondary)}.payment-revenue strong{color:var(--admin-success);font-size:1rem}.suspended-alert{margin-top:.875rem;padding:.75rem 1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:10px;font-size:.85rem;color:var(--admin-warning);font-weight:600}.dashboard-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.25rem}.loader-spinner{width:48px;height:48px;border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}.loader-text{color:var(--admin-text-secondary);font-size:1rem;font-weight:500;margin:0}.empty-state{text-align:center;color:var(--admin-text-secondary);font-size:.875rem;padding:2rem 0;margin:0}@media(max-width:1100px){.charts-container{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start}.current-date{text-align:left}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.bottom-grid{grid-template-columns:1fr}.dashboard-title{font-size:1.75rem}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-box{padding:1rem}.stat-box-value{font-size:1.5rem}}@media(max-width:480px){.dashboard-container{padding:.75rem}.activity-card,.transactions-card,.subscriptions-card,.contact-card{padding:1.25rem}.card-title{font-size:1rem}}.stat-card{background:var(--admin-card);border-radius:var(--admin-radius-lg);padding:1.5rem;box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border);transition:var(--admin-transition);display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--admin-primary),var(--admin-info));opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--admin-shadow-md);border-color:#3b82f64d}.stat-card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--admin-primary),var(--admin-primary-dark));border-radius:12px;color:#fff;box-shadow:0 4px 12px #3b82f64d;font-size:1.5rem}.card-title{font-size:.875rem;font-weight:600;color:var(--admin-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.card-description{font-size:.8rem;color:var(--admin-text-secondary);margin:0;opacity:.8}.card-sub{display:inline-block;margin-top:4px;padding:2px 8px;font-size:.72rem;font-weight:600;color:#16a34a;background:#dcfce7;border-radius:20px}.card-value{font-size:2rem;font-weight:800;color:var(--admin-text);margin:0;line-height:1.2;word-break:break-word}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--admin-border)}.change-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:999px}.positive .change-indicator{background:#22c55e1f;color:var(--admin-success)}.negative .change-indicator{background:#ef44441f;color:var(--admin-danger)}.change-icon{width:16px;height:16px}.stat-card--success .card-icon{background:linear-gradient(135deg,var(--admin-success),#16a34a)}.stat-card--warning .card-icon{background:linear-gradient(135deg,var(--admin-warning),#d97706)}.stat-card--danger .card-icon{background:linear-gradient(135deg,var(--admin-danger),#dc2626)}.stat-card--info .card-icon{background:linear-gradient(135deg,var(--admin-info),#0891b2)}@keyframes statPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.stat-value-update{animation:statPulse .4s ease}@media(max-width:640px){.stat-card{padding:1.25rem}.card-value{font-size:1.75rem}.card-icon{width:42px;height:42px;font-size:1.25rem}}.users-page{padding:28px 28px 60px;display:flex;flex-direction:column;min-height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#f0f4f8;color:#0f172a;gap:0}.up-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.up-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 4px;letter-spacing:-.02em}.up-sub{font-size:.85rem;color:#94a3b8;margin:0}.up-btn-create{display:flex;align-items:center;gap:8px;background:#16a34a;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s,transform .15s;box-shadow:0 4px 12px #16a34a4d;white-space:nowrap}.up-btn-create:hover{background:#15803d;transform:translateY(-1px)}.up-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;color:#b91c1c;font-size:.875rem;margin-bottom:16px}.up-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.up-stat{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .15s}.up-stat:hover{box-shadow:0 4px 12px #00000014}.up-stat__emoji{font-size:1rem}.up-stat__val{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1;letter-spacing:-.02em}.up-stat__lbl{font-size:.72rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.up-stat--green{border-left:3px solid #16a34a}.up-stat--blue{border-left:3px solid #2563eb}.up-stat--purple{border-left:3px solid #7c3aed}.up-stat--emerald{border-left:3px solid #059669}.up-stat--orange{border-left:3px solid #f59e0b}.up-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.up-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:9px 14px;flex:1;min-width:220px;box-shadow:0 1px 4px #0000000a;transition:border-color .15s}.up-search:focus-within{border-color:#16a34a}.up-search__input{border:none;outline:none;font-size:.875rem;color:#0f172a;background:transparent;flex:1;min-width:0}.up-search__input::placeholder{color:#cbd5e1}.up-search__clear{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px}.up-role-tabs{display:flex;gap:6px;flex-wrap:wrap}.up-role-tab{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:7px 14px;font-size:.82rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.up-role-tab:hover{background:#f8fafc;color:#0f172a}.up-role-tab--active{background:#16a34a;border-color:#16a34a;color:#fff}.up-role-tab--active .up-role-tab__count{background:#ffffff40;color:#fff}.up-role-tab__count{background:#f1f5f9;color:#64748b;border-radius:999px;font-size:.68rem;font-weight:700;padding:1px 7px;min-width:20px;text-align:center}.up-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;color:#94a3b8;font-size:.9rem}.up-table-wrap{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 12px #0000000d;overflow:hidden}.up-table{width:100%;border-collapse:collapse;font-size:.875rem}.up-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.up-table th{padding:13px 16px;text-align:left;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.up-row{border-bottom:1px solid #f1f5f9;transition:background .12s}.up-row:last-child{border-bottom:none}.up-row:nth-child(2n){background:#fafbfc}.up-row:hover{background:#f0fdf4}.up-cell{padding:14px 16px;vertical-align:middle}.up-cell--user{display:flex;align-items:center;gap:12px;min-width:200px}.up-cell--contact{color:#334155;font-weight:500;white-space:nowrap}.up-cell--date{color:#64748b;white-space:nowrap}.up-cell--actions{white-space:nowrap}.up-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #00000026;-webkit-user-select:none;user-select:none}.up-user-info{display:flex;flex-direction:column;min-width:0}.up-user-name{font-size:.9rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.up-user-email{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.up-badge{display:inline-block;font-size:.72rem;font-weight:700;border-radius:8px;padding:3px 10px;letter-spacing:.04em;white-space:nowrap}.up-muted{color:#cbd5e1;font-size:.85rem}.up-status-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.up-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.up-dot--on{background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.up-dot--off{background:#d1d5db}.up-status-text{font-size:.82rem;font-weight:600;color:#374151}.up-suspended-tag{font-size:.65rem;font-weight:700;background:#fee2e2;color:#b91c1c;border-radius:6px;padding:2px 7px}.up-unverified-tag{font-size:.65rem;font-weight:700;background:#fef9c3;color:#92400e;border-radius:6px;padding:2px 7px}.up-empty{text-align:center;padding:48px 20px;color:#94a3b8;font-size:.9rem}.up-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #f1f5f9;background:#f8fafc;flex-wrap:wrap;gap:10px}.up-pagination__info{font-size:.8rem;color:#94a3b8;font-weight:500}.up-pagination__btns{display:flex;gap:4px;align-items:center}.up-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:5px 11px;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;transition:all .12s}.up-page-btn:hover:not(:disabled){background:#f0fdf4;border-color:#16a34a;color:#16a34a}.up-page-btn:disabled{opacity:.4;cursor:not-allowed}.up-page-btn--active{background:#16a34a;border-color:#16a34a;color:#fff}.up-page-btn--active:hover{background:#15803d}.up-page-ellipsis{color:#94a3b8;font-size:.85rem;padding:0 4px}.detail-grid{display:grid;grid-template-columns:130px 1fr;gap:11px 16px;align-items:start}.detail-divider{grid-column:1 / -1;height:1px;background:#f1f5f9;margin:4px 0}.detail-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding-top:3px}.detail-value{font-size:.88rem;color:#0f172a;line-height:1.45}@media(max-width:1024px){.up-table th:nth-child(6),.up-table td:nth-child(6){display:none}}@media(max-width:768px){.users-page{padding:16px 14px 40px}.up-table th:nth-child(4),.up-table td:nth-child(4){display:none}.up-table th:nth-child(2),.up-table td:nth-child(2){display:none}}@media(max-width:560px){.up-table{font-size:.8rem}.up-avatar{width:32px;height:32px;font-size:.85rem}.up-user-name{font-size:.82rem}}.page-transactions{padding:24px;max-width:1400px}.tx-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tx-title{font-size:1.6rem;font-weight:700;color:#0f172a;margin:0 0 2px}.tx-sub{font-size:.875rem;color:#64748b;margin:0}.tx-header-actions{display:flex;align-items:center;gap:8px}.tx-btn-export{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:7px;cursor:pointer;transition:background .15s}.tx-btn-export:hover{background:#dcfce7}.tx-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.tx-stat-card{background:#fff;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #00000012;border-top-width:3px;border-top-style:solid}.tx-stat-emoji{font-size:1.6rem;line-height:1}.tx-stat-value{font-size:1.2rem;font-weight:700;line-height:1.2}.tx-stat-label{font-size:.78rem;color:#64748b;margin-top:1px}.tx-stat-sub{font-size:.72rem;color:#94a3b8;margin-top:2px}.tx-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tx-error{padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.875rem;margin-bottom:12px}.tx-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#64748b;font-size:.9rem}.tx-table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;overflow:hidden}.tx-table{width:100%;border-collapse:collapse;font-size:.845rem}.tx-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.tx-table th{text-align:left;padding:11px 14px;font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.tx-row{border-bottom:1px solid #f1f5f9;transition:background .1s}.tx-row:last-child{border-bottom:none}.tx-row:hover{background:#f8fafc}.tx-cell{padding:10px 14px;vertical-align:middle}.tx-ref{font-family:monospace;font-size:.78rem;color:#475569;background:#f1f5f9;padding:2px 6px;border-radius:4px}.tx-user-nom{font-weight:600;font-size:.86rem;color:#1e293b}.tx-user-email{font-size:.76rem;color:#94a3b8;margin-top:1px}.tx-montant{font-weight:700;color:#15803d;font-size:.9rem}.tx-devise{font-size:.72rem;color:#64748b;font-weight:400}.tx-desc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569;font-size:.82rem}.tx-date{white-space:nowrap;color:#64748b;font-size:.8rem}.tx-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.76rem;font-weight:600}.tx-empty{text-align:center;padding:40px;color:#94a3b8;font-size:.9rem}.tx-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px}.tx-pagination-info{font-size:.8rem;color:#64748b}.tx-pagination-btns{display:flex;align-items:center;gap:4px}.tx-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:.82rem;cursor:pointer;transition:background .1s,border-color .1s}.tx-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.tx-page-btn:disabled{opacity:.4;cursor:default}.tx-page-btn--active{background:#16a34a;border-color:#16a34a;color:#fff;font-weight:600}.tx-page-btn--active:hover{background:#15803d}.tx-page-ellipsis{font-size:.82rem;color:#94a3b8;padding:0 4px}.page-abonnements{padding:24px;max-width:1400px}.sub-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sub-title{font-size:1.6rem;font-weight:700;color:#0f172a;margin:0 0 2px}.sub-sub{font-size:.875rem;color:#64748b;margin:0}.sub-header-actions{display:flex;align-items:center;gap:8px}.sub-btn-export{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;color:#15803d;background:#f0fdf4;border:1px solid #86efac;border-radius:7px;cursor:pointer;transition:background .15s}.sub-btn-export:hover{background:#dcfce7}.sub-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin-bottom:20px}.sub-stats-loading{padding:1rem;color:#94a3b8;font-size:.875rem}.sub-stat-card{background:#fff;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 4px #00000012;border-top-width:3px;border-top-style:solid}.sub-stat-emoji{font-size:1.6rem;line-height:1}.sub-stat-value{font-size:1.2rem;font-weight:700;line-height:1.2}.sub-stat-label{font-size:.78rem;color:#64748b;margin-top:1px}.sub-stat-sub{font-size:.7rem;color:#94a3b8;margin-top:2px}.sub-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.sub-error{padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.875rem;margin-bottom:12px}.sub-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:#64748b;font-size:.9rem}.sub-table-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;overflow:hidden}.sub-table{width:100%;border-collapse:collapse;font-size:.845rem}.sub-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sub-table th{text-align:left;padding:11px 14px;font-size:.78rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sub-row{border-bottom:1px solid #f1f5f9;transition:background .1s}.sub-row:last-child{border-bottom:none}.sub-row:hover{background:#f8fafc}.sub-cell{padding:10px 14px;vertical-align:middle}.sub-user-nom{font-weight:600;font-size:.86rem;color:#1e293b}.sub-user-email{font-size:.76rem;color:#94a3b8;margin-top:1px}.sub-formule-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.03em}.sub-montant{font-weight:700;color:#15803d;font-size:.9rem}.sub-devise{font-size:.72rem;color:#64748b;font-weight:400}.sub-date{color:#64748b;font-size:.82rem;white-space:nowrap}.sub-days{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.sub-days--ok{color:#15803d;background:#dcfce7}.sub-days--soon{color:#b45309;background:#fef3c7}.sub-days--urgent{color:#b91c1c;background:#fee2e2}.sub-days--expired{color:#64748b;background:#f1f5f9}.sub-days--na{color:#cbd5e1;background:transparent}.sub-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.76rem;font-weight:600}.sub-empty{text-align:center;padding:40px;color:#94a3b8;font-size:.9rem}.sub-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px}.sub-pagination-info{font-size:.8rem;color:#64748b}.sub-pagination-btns{display:flex;align-items:center;gap:4px}.sub-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#374151;font-size:.82rem;cursor:pointer;transition:background .1s,border-color .1s}.sub-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.sub-page-btn:disabled{opacity:.4;cursor:default}.sub-page-btn--active{background:#16a34a;border-color:#16a34a;color:#fff;font-weight:600}.sub-page-btn--active:hover{background:#15803d}.sub-page-ellipsis{font-size:.82rem;color:#94a3b8;padding:0 4px}.page-parametres{padding:24px;max-width:1000px}.set-header{margin-bottom:20px}.set-title{font-size:1.6rem;font-weight:700;color:#0f172a;margin:0 0 2px}.set-sub{font-size:.875rem;color:#64748b;margin:0}.set-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #f1f5f9;padding-bottom:0}.set-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;font-size:.875rem;font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;border-radius:6px 6px 0 0;transition:color .15s}.set-tab:hover{color:#0f172a;background:#f8fafc}.set-tab--active{color:#16a34a;border-bottom-color:#16a34a;font-weight:600}.set-tab-emoji{font-size:1rem}.set-panel{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;padding:24px}.set-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.set-panel-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.set-section-title{font-size:.82rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.set-section-desc{font-size:.85rem;color:#64748b;margin:0 0 14px;line-height:1.5}.set-section-desc code{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-size:.82rem;color:#475569}.set-loading{display:flex;align-items:center;gap:12px;padding:40px 0;color:#64748b;font-size:.9rem}.set-error{padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:.875rem}.set-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.set-service-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;border:1px solid #e2e8f0;position:relative}.set-service--ok{border-color:#bbf7d0;background:#f0fdf4}.set-service--warn{border-color:#fde68a;background:#fffbeb}.set-service--error{border-color:#fca5a5;background:#fef2f2}.set-service-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.set-service-label{font-weight:600;font-size:.88rem;color:#1e293b}.set-service-detail{font-size:.78rem;color:#64748b;margin-top:2px}.set-service-dot{width:9px;height:9px;border-radius:50%;position:absolute;top:14px;right:14px;flex-shrink:0}.set-dot--ok{background:#16a34a}.set-dot--warn{background:#d97706}.set-dot--error{background:#dc2626}.set-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.set-metric-card{background:#f8fafc;border-radius:8px;padding:12px 14px;border:1px solid #e2e8f0;text-align:center}.set-metric-value{font-size:1.1rem;font-weight:700;color:#0f172a}.set-metric-label{font-size:.75rem;color:#64748b;margin-top:2px}.set-metric-unit{font-size:.7rem;color:#94a3b8}.set-db-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.set-db-card{background:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e2e8f0;border-left-width:3px}.set-db-value{font-size:1.3rem;font-weight:700}.set-db-label{font-size:.78rem;color:#64748b;margin-top:2px}.set-config-grid{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.set-config-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #f1f5f9;gap:16px}.set-config-row:last-child{border-bottom:none}.set-config-key{font-size:.82rem;font-weight:600;color:#64748b;width:200px;flex-shrink:0}.set-config-val{font-size:.85rem;color:#1e293b}.set-val--ok{color:#15803d;font-weight:600}.set-val--warn{color:#b45309;font-weight:600}.set-val--error{color:#b91c1c;font-weight:600}.set-btn-test{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:600;color:#0369a1;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:8px;cursor:pointer;transition:background .15s}.set-btn-test:hover:not(:disabled){background:#bae6fd}.set-btn-test:disabled{opacity:.6;cursor:default}.set-test-result{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:.875rem;font-weight:500}.set-test--ok{background:#f0fdf4;color:#15803d;border:1px solid #86efac}.set-test--error{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.set-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.set-plan-card{background:#fff;border-radius:8px;padding:14px 16px;border:1px solid #e2e8f0;border-top-width:3px}.set-plan-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:700;margin-bottom:10px}.set-plan-info{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#475569}.mod-page{min-height:100vh;background:#0a1a0e;padding:2rem 1.5rem 4rem;font-family:Inter,sans-serif;position:relative}.mod-toast{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);background:#1a2e1a;border:1px solid #16a34a;border-radius:10px;padding:.7rem 1.4rem;color:#86efac;font-size:.9rem;font-weight:600;z-index:9999;white-space:nowrap;box-shadow:0 8px 24px #0006;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mod-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.mod-title{font-size:1.7rem;font-weight:800;color:#fff;margin:0 0 .25rem}.mod-sub{font-size:.875rem;color:#6b7280;margin:0}.mod-stats-row{display:flex;gap:.75rem}.mod-stat{display:flex;flex-direction:column;align-items:center;padding:.6rem 1.1rem;border-radius:12px;min-width:72px}.mod-stat--pending{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.mod-stat--approved{background:#16a34a1f;border:1px solid rgba(22,163,74,.3)}.mod-stat--rejected{background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.mod-stat__num{font-size:1.5rem;font-weight:900;line-height:1}.mod-stat--pending .mod-stat__num{color:#fbbf24}.mod-stat--approved .mod-stat__num{color:#4ade80}.mod-stat--rejected .mod-stat__num{color:#f87171}.mod-stat__label{font-size:.72rem;color:#9ca3af;margin-top:.2rem}.mod-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.mod-tab{display:flex;align-items:center;gap:.45rem;padding:.55rem 1.2rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#9ca3af;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.mod-tab:hover{background:#ffffff14;color:#e5e7eb}.mod-tab--active{background:#16a34a;border-color:#16a34a;color:#fff}.mod-tab__badge{background:#dc2626;color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;padding:.05rem .45rem}.mod-filter-row{margin-bottom:1.25rem}.mod-filter-select{background:#0d1f12;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e5e7eb;padding:.5rem 1rem;font-size:.875rem;cursor:pointer}.mod-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem;color:#6b7280}.mod-spinner{width:36px;height:36px;border:3px solid rgba(22,163,74,.2);border-top-color:#16a34a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mod-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.mod-empty__icon{font-size:3rem;margin-bottom:.75rem}.mod-list{display:flex;flex-direction:column;gap:1rem}.mod-card{display:flex;gap:1.25rem;background:#0d1f12;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.25rem;align-items:flex-start}.mod-card--pending{border-left:4px solid #f59e0b}.mod-card--approved{border-left:4px solid #16a34a}.mod-card--rejected{border-left:4px solid #ef4444}.mod-card__img-wrap{flex-shrink:0;width:90px;height:90px;border-radius:10px;overflow:hidden;background:#ffffff0a;display:flex;align-items:center;justify-content:center}.mod-card__img{width:100%;height:100%;object-fit:cover}.mod-card__img-placeholder{font-size:2.5rem}.mod-card__body{flex:1;min-width:0}.mod-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.mod-card__name{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .15rem}.mod-card__cat{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.mod-card__desc{font-size:.82rem;color:#9ca3af;margin:.4rem 0 .6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mod-card__meta{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.8rem;color:#d1d5db;margin-bottom:.55rem}.mod-card__seller{font-size:.8rem;color:#6b7280}.mod-card__seller-label{margin-right:.3rem}.mod-card__seller-name{color:#9ca3af;font-weight:600}.mod-card__reject-note{font-size:.8rem;color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:.4rem .7rem;margin-top:.5rem}.mod-card__actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.mod-badge{font-size:.72rem;font-weight:700;padding:.22rem .65rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.mod-badge--pending{background:#f59e0b26;color:#fbbf24}.mod-badge--approved{background:#16a34a26;color:#4ade80}.mod-badge--rejected{background:#ef444426;color:#f87171}.mod-btn{padding:.55rem 1rem;border-radius:10px;border:none;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s;white-space:nowrap}.mod-btn:disabled{opacity:.5;cursor:not-allowed}.mod-btn--approve{background:#16a34a;color:#fff}.mod-btn--approve:hover:not(:disabled){background:#15803d}.mod-btn--reject{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.mod-btn--reject:hover:not(:disabled){background:#ef444440}.mod-btn--cancel{background:#ffffff0d;color:#9ca3af;border:1px solid rgba(255,255,255,.08)}.mod-btn--cancel:hover:not(:disabled){background:#ffffff17}.mod-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem}.mod-modal{background:#0d1f12;border:1px solid rgba(239,68,68,.3);border-radius:18px;padding:2rem;width:100%;max-width:480px;animation:modal-in .2s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mod-modal__title{font-size:1.2rem;font-weight:800;color:#f87171;margin:0 0 .5rem}.mod-modal__product{font-size:.9rem;color:#9ca3af;margin:0 0 1.25rem;font-style:italic}.mod-modal__label{display:block;font-size:.85rem;font-weight:600;color:#d1d5db;margin-bottom:.5rem}.mod-modal__textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e5e7eb;padding:.75rem;font-size:.875rem;resize:vertical;box-sizing:border-box}.mod-modal__hint{font-size:.78rem;color:#6b7280;margin:.5rem 0 1.25rem}.mod-modal__actions{display:flex;flex-direction:column;gap:.6rem}@media(max-width:640px){.mod-card{flex-direction:column}.mod-card__img-wrap{width:100%;height:160px}.mod-card__actions{flex-direction:row}.mod-header{flex-direction:column}.mod-stats-row{width:100%;justify-content:space-between}}