@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-dark:#054f4f;--bg-color:#fff8e1;--card-bg:#fff9c4;--card-text:#333;--yellow-light:#fff9c4;--yellow-dark:#bdac12}*{box-sizing:border-box}#root,*,.accueil,.footer,body,div,footer,html,section{scroll-snap-align:none!important;scroll-snap-stop:normal!important}#root,*,.accueil,.footer,body,div,footer,html,section{-webkit-overflow-scrolling:touch!important;overscroll-behavior:auto!important;scroll-behavior:auto!important;scroll-snap-type:none!important}@media(max-width:768px){#root,*,.accueil,.footer,body,div,footer,html,section{-webkit-overflow-scrolling:touch!important;height:auto!important;max-height:none!important;min-height:auto!important;overscroll-behavior:auto!important;scroll-behavior:auto!important;scroll-snap-align:none!important;scroll-snap-stop:normal!important;scroll-snap-type:none!important}}body,html{-webkit-overflow-scrolling:touch;min-height:auto!important;overflow-x:hidden;overscroll-behavior:auto;scroll-behavior:auto!important}#root,body,html{height:auto!important;scroll-snap-align:none!important;scroll-snap-type:none!important}#root{min-height:100vh;width:100vw}.accueil *{transform:none!important;transition:transform 0s!important}body.dark-mode{--bg-color:#0e1117;--card-text:#f1f1f1;--primary-dark:#054f4f}.accueil{-webkit-overflow-scrolling:touch;background-color:#fff8e1;background-color:var(--bg-color);color:#333;color:var(--text-color);display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:.7rem 0 0;min-height:100vh;overflow-x:hidden;overscroll-behavior:auto!important;padding:0;scroll-behavior:auto!important;scroll-snap-align:none!important;scroll-snap-type:none!important;transition:background .4s ease,color .4s ease;width:100vw}@media(max-width:768px){.accueil{-webkit-overflow-scrolling:touch;height:auto!important;min-height:auto!important;overscroll-behavior:auto}}#hero{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:0 auto;padding:2rem 4rem;scroll-snap-align:none!important;width:100%}@media(min-width:1400px){#hero{gap:4rem;padding:3rem 6rem}}#hero .gauche{align-items:center;display:flex;flex:1 1 400px;justify-content:left;padding:0 1rem}#hero .gauche .carousel-img{border-radius:10px;box-shadow:0 3px 10px #0000001a;height:auto;max-width:400px;transition:transform .3s ease!important;width:100%}#hero .gauche .carousel-img:hover{transform:scale(1.03)!important}#hero .droite{display:flex;flex:1 1 400px;flex-direction:column;gap:.6rem;justify-content:center;padding:0 1rem}#hero .droite h1{color:#bdac12;color:var(--yellow-dark);font-size:1.4rem;margin-bottom:.5rem}#hero .droite p{font-size:.8rem;line-height:1.4}#hero .droite .btn{align-self:flex-start;background:#7a4d20!important;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.6rem;padding:.4rem 1rem;text-decoration:none;transition:all .3s ease!important}#hero .droite .btn:hover{background:#000!important;transform:translateY(-2px)!important}#activités{background-color:#fff9c4;background-color:var(--yellow-light);display:flex;flex-wrap:wrap;justify-content:center;padding:1rem 4rem;scroll-snap-align:none!important;width:100%}@media(min-width:1400px){#activités{padding:2rem 6rem}}#activités .activité-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;width:100%}#activités .card-activité{background-color:#fff9c4;background-color:var(--card-bg);border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1 260px;flex-direction:column;gap:.6rem;max-width:350px;min-width:240px;padding:1rem;transition:all .3s ease}#activités .card-activité:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)!important}#activités .card-activité .icon{color:#bdac12;color:var(--yellow-dark);font-size:1.1rem}#activités .card-activité h3{color:#bdac12;color:var(--yellow-dark);font-size:.95rem;margin:0}#activités .card-activité p{font-size:.75rem;line-height:1.3;margin:0}#activités .card-activité .accueil .btn-personnaliser,#activités .card-activité .accueil button{background-color:#054f4f!important;border:none;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 1rem;transition:all .3s ease}@media(max-width:768px){#activités .card-activité .accueil .btn-personnaliser,#activités .card-activité .accueil button{font-size:.85rem;padding:.5rem 1.2rem}}@media(max-width:480px){#activités .card-activité .accueil .btn-personnaliser,#activités .card-activité .accueil button{font-size:.8rem;padding:.45rem 1.1rem}}#activités .card-activité .accueil .btn-personnaliser:hover,#activités .card-activité .accueil button:hover{background-color:#000!important;transform:translateY(-2px)!important}#activités .card-activité #hero .droite .btn{background-color:#7a4d20!important;color:#fff!important;text-decoration:none}#activités .card-activité #hero .droite .btn:hover{background-color:#000!important}#contact{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;padding:1.5rem 4rem;scroll-snap-align:none!important;width:100%}@media(min-width:1400px){#contact{gap:2rem;padding:2rem 6rem}}#contact .partie1,#contact .partie2{background-color:#fff9c4;background-color:var(--card-bg);border-radius:12px;box-shadow:0 5px 15px #0000001a;color:#333;color:var(--card-text);flex:1 1 300px;padding:1.2rem}#contact h2{color:#bdac12;color:var(--yellow-dark);font-size:1.1rem;margin-bottom:.6rem}#contact form{display:flex;flex-direction:column;gap:.6rem}#contact form input,#contact form textarea{background:#0000;border:1px solid #ccc;border-radius:6px;color:#333;color:var(--text-color);font-size:.75rem;padding:.4rem}#contact form input:focus,#contact form textarea:focus{border-color:#054f4f;border-color:var(--primary-dark);outline:none}.reseaux{display:flex;gap:1rem;justify-content:center;padding:1.5rem}.reseaux .carte{background-color:#fff9c4;background-color:var(--card-bg);border-radius:50%;color:#bdac12;color:var(--yellow-dark);cursor:pointer;font-size:1rem;padding:.6rem;transition:all .3s ease}.reseaux .carte:hover{background-color:#054f4f;background-color:var(--primary-dark);color:#fff;transform:scale(1.1)!important}@media(max-width:1200px){#hero{padding:1rem}#hero .gauche .carousel-img{max-width:350px}#hero .droite h1{font-size:1.2rem}#activités{padding:1rem}#activités .card-activité{flex:1 1 280px}#contact{padding:1rem}}@media(max-width:768px){#hero{flex-direction:column;gap:1.5rem;height:auto!important;min-height:auto!important;padding:.8rem 1rem;scroll-snap-align:none!important;scroll-snap-type:none!important;text-align:center}#hero .gauche .carousel-img{max-width:420px}#hero .droite{gap:.5rem}#hero .droite h1{font-size:1.3rem;margin-bottom:.5rem}#hero .droite p{font-size:.9rem}#hero .droite .btn{font-size:.9rem;padding:.6rem 1.4rem}#contact{flex-direction:column;height:auto!important;min-height:auto!important;padding:1rem;scroll-snap-align:none!important;scroll-snap-type:none!important}#contact h2{font-size:1.2rem}#contact .partie1,#contact .partie2{padding:1.4rem}#contact form{gap:.9rem}#contact form input,#contact form textarea{font-size:.85rem;padding:.6rem}#activités{height:auto!important;min-height:auto!important;padding:1rem;scroll-snap-align:none!important;scroll-snap-type:none!important}#activités .card-activité{flex:1 1 100%;min-width:0;min-width:auto;padding:1.4rem}#activités .card-activité .icon{font-size:1.4rem}#activités .card-activité h3{font-size:1.1rem}#activités .card-activité p{font-size:.85rem}}@media(max-width:480px){.accueil{margin-top:1.5rem;width:100vw}#hero{gap:1.2rem;padding:.6rem .8rem}#hero .gauche .carousel-img{max-width:480px}#hero .droite{gap:.4rem}#hero .droite h1{font-size:1.2rem;margin-bottom:.4rem}#hero .droite p{font-size:.85rem;line-height:1.5}#hero .droite .btn{font-size:.85rem;padding:.5rem 1.2rem}#activités .card-activité{padding:1.2rem}#activités .card-activité .icon{font-size:1.2rem}#activités .card-activité h3{font-size:1rem}#activités .card-activité p{font-size:.8rem}#contact{padding:.8rem}#contact h2{font-size:1.1rem}#contact .partie1,#contact .partie2{padding:1.2rem}#contact form input,#contact form textarea{font-size:.8rem;padding:.5rem}}.profile-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-family:Segoe UI,sans-serif;height:100%;margin:2rem auto;max-width:750px;padding:2rem;width:100%}.profile-header{margin-bottom:2rem;text-align:center}.profile-header .profile-avatar{align-items:center;background:linear-gradient(135deg,#088172,#3a3d40);border-radius:50%;color:#fff;display:flex;font-size:2.4rem;font-weight:700;height:90px;justify-content:center;margin:0 auto .8rem;width:90px}.profile-header .profile-title{font-size:1.6rem;font-weight:600}.profile-header .profile-subtitle{color:#000;font-size:.95rem;font-weight:700}.profile-details{border-collapse:collapse;width:100%}.profile-details .profile-row{align-items:center;border-bottom:1px solid #e9ecef;display:grid;grid-template-columns:200px 1fr;padding:.75rem 0}.profile-details .profile-row .field-label{color:#495057;font-size:.95rem;font-weight:600;padding-right:1rem}.profile-details .profile-row .field-value{align-items:center;display:flex;gap:1rem;width:100%}.profile-details .profile-row .field-value input{background-color:#0080000d;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex-grow:1;font-size:1rem;min-width:0;padding:.4rem .6rem;width:100%}.profile-details .profile-row .field-value .edit-button,.profile-details .profile-row .field-value .save-button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;white-space:nowrap}.profile-details .profile-row .field-value .save-button{background-color:#088172;color:#fff}.profile-details .profile-row .field-value .save-button:hover{background-color:#066457}.profile-details .profile-row .field-value .edit-button{background:none;color:#088172}.profile-details .profile-row .field-value .edit-button:hover{text-decoration:underline}.profile-details .profile-row .field-value .empty-value{color:#adb5bd;font-style:italic}.auth-message{margin-top:3rem;text-align:center}.auth-message p{color:#555;font-size:1rem}.auth-message button{background-color:#088172;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;margin-top:1rem;padding:.5rem 1rem}.auth-message button:hover{background-color:#066457}@media(max-width:600px){.profile-details .profile-row{gap:.3rem;grid-template-columns:1fr}.profile-details .profile-row .field-label{padding-bottom:.2rem}}:root{--body-bg:#f5f5f5;--header-bg:#fff;--sidebar-hover:#054f4f;--switch-bg:#ccc;--switch-thumb:#fff}body.dark-mode{--bg-color:#fff;--body-bg:#2b2929;--header-bg:#2a2a3d;--sidebar-hover:#054f4f;--switch-bg:#666;--switch-thumb:#fff}.parametre-container{align-items:flex-start;background-color:#f5f5f5;background-color:var(--body-bg);box-sizing:border-box;color:#000;color:var(--text-color);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;padding:20px;transition:background-color .3s,color .3s;width:100vw}.parametre-content{display:flex;flex-direction:column;max-width:1200px;width:100%}.parametre-title1{align-items:center;display:flex;font-size:2rem;margin-bottom:20px}.parametre-title1 .back-arrow{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;margin-right:15px;transition:color .3s}.parametre-title1 .back-arrow:hover{color:#054f4f;color:var(--sidebar-hover)}.parametre-main{display:flex;height:calc(100vh - 80px);width:100%}.parametre-main .parametre-sidebar{background-color:#fff;background-color:var(--menu-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:background-color .3s;width:250px}.parametre-main .parametre-sidebar ul{list-style:none;padding:0}.parametre-main .parametre-sidebar ul li{border-radius:8px;cursor:pointer;margin-bottom:10px;padding:12px 16px;transition:all .3s}.parametre-main .parametre-sidebar ul li.active,.parametre-main .parametre-sidebar ul li:hover{background-color:#054f4f;background-color:var(--sidebar-hover);color:#fff}.parametre-main .parametre-sidebar ul li:focus{outline:2px solid #054f4f;outline:2px solid var(--sidebar-hover)}.parametre-main .parametre-body{background-color:#fff;background-color:var(--header-bg);border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1;margin-left:20px;overflow-y:auto;padding:30px;transition:background-color .3s,color .3s}.parametre-main .parametre-body .parametre-header{align-items:center;display:flex;justify-content:space-between}.parametre-main .parametre-body .parametre-header .parametre-title{font-size:1.5rem}.parametre-main .parametre-body .parametre-header .switch{display:inline-block;height:34px;position:relative;width:60px}.parametre-main .parametre-body .parametre-header .switch input{height:0;opacity:0;width:0}.parametre-main .parametre-body .parametre-header .switch .slider{background-color:#ccc;background-color:var(--switch-bg);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.parametre-main .parametre-body .parametre-header .switch .slider:before{background-color:#fff;background-color:var(--switch-thumb);border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.parametre-main .parametre-body .parametre-header .switch input:checked+.slider{background-color:#054f4f;background-color:var(--sidebar-hover)}.parametre-main .parametre-body .parametre-header .switch input:checked+.slider:before{transform:translateX(26px)}.parametre-main .parametre-body .parametre-header .switch .switch-label{color:#000;color:var(--text-color);font-weight:700;margin-left:10px}.parametre-body::-webkit-scrollbar{width:8px}.parametre-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}@media(max-width:768px){.parametre-main{flex-direction:column}.parametre-main .parametre-sidebar{margin-bottom:20px;width:100%}.parametre-main .parametre-body{height:auto;margin-left:0}}:root{--bg-color:#e3f2fd;--text-color:$connexion-text-light;--card-text:$connexion-text-light;--primary-color:$connexion-blue;--primary-dark:$connexion-blue-light}body.dark-mode{--bg-color:$connexion-bg-dark;--text-color:$connexion-text-dark;--card-bg:#161a23;--card-text:$connexion-text-dark;--primary-color:#1e88e5;--primary-dark:$connexion-blue}.connexion-page{align-items:center;background:linear-gradient(135deg,#e3f2fd,#fff);background:linear-gradient(135deg,var(--bg-color),#fff);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:1rem;transition:background .4s ease,color .4s ease;width:100%}.connexion-card{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 8px 25px #0000001a;color:$connexion-text-light;color:var(--card-text);display:flex;flex-wrap:wrap;max-width:950px;overflow:hidden;transition:all .4s ease;width:100%}.connexion-left{background:linear-gradient(135deg,#ffeb3b,#fdd835);color:#111;display:flex;flex:1 1 400px;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.connexion-left h1{font-size:2.2rem;margin-bottom:1rem}.connexion-left p{font-size:1rem;margin-bottom:2rem;opacity:.9}.connexion-left .connexion-illustration{border-radius:10px;height:auto;margin:0 auto;max-width:100%}body.dark-mode .connexion-left{background:linear-gradient(135deg,#fdd835,#fbc02d);color:#111}.connexion-right{flex:1 1 500px;padding:3rem 2rem;transition:all .4s ease}.connexion-right h2{background-color:#fff9c4;border-radius:8px;color:$connexion-text-light;color:var(--text-color);font-size:1.8rem;margin-bottom:2rem;padding:.8rem 1rem;text-align:center;width:100%}.connexion-right .connexion-form{gap:1.2rem}.connexion-right .connexion-form,.connexion-right .form-group{display:flex;flex-direction:column}.connexion-right .form-group label{color:$connexion-text-light;color:var(--text-color);font-weight:600;margin-bottom:.5rem}.connexion-right .form-group input{background:#0000;border:1px solid #ccc;border-radius:10px;color:$connexion-text-light;color:var(--text-color);font-size:1rem;padding:.9rem;transition:border-color .2s,background .3s,color .3s}.connexion-right .form-group input::placeholder{color:#999}.connexion-right .form-group input:focus{border-color:$connexion-blue;border-color:var(--primary-color);outline:none}.connexion-right .password-group .password-input{position:relative}.connexion-right .password-group .password-input i{color:#777;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.connexion-right .btn-connecter{background:#054f4f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;transition:transform .2s,box-shadow .2s,background .2s}.connexion-right .btn-connecter:hover{background:#000;box-shadow:0 5px 15px #0006;transform:translateY(-2px)}body.dark-mode .connexion-right .btn-connecter{background:#054f4f;color:#fff}body.dark-mode .connexion-right .btn-connecter:hover{background:#000}.connexion-right .links-row{display:flex;justify-content:space-between;margin-top:1rem}.connexion-right .links-row a{color:$connexion-blue;color:var(--primary-color);font-weight:600;text-decoration:none}.connexion-right .links-row a:hover{color:$connexion-blue-light;color:var(--primary-dark);text-decoration:underline}.connexion-right .form-message{color:#d32f2f;font-weight:600;text-align:center}@media(max-width:850px){.connexion-card{flex-direction:column}.connexion-left,.connexion-right{flex:1 1 100%;padding:2rem}.connexion-right h2{font-size:1.6rem}}:root,body.dark-mode{--primary-color:#054f4f}main{background-color:#fff;background-color:var(--bg-color);justify-content:center;margin-bottom:30px;margin-top:60px;min-height:calc(100vh - 120px)}.password-container,main{align-items:center;display:flex}.password-container{position:relative}.password-container input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px 40px 10px 10px;width:100%}.password-container i{color:#666;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}body{color:#000;color:var(--text-color);font-family:Arial,sans-serif;margin:0;min-height:98vh;overflow:auto}body,form label{align-items:center;justify-content:center}form label{display:block;font-size:14px;line-height:1;margin-bottom:0}label{display:block;margin:5px 0}.form-container2{background-color:#f9f9f9;background-color:var(--card-bg);box-shadow:0 4px 6px #0000001a;color:#000;color:var(--card-text);margin-top:auto;max-width:500px;padding:20px;position:relative;width:500px}.form-container2,button,input{border:1px solid #ccc;border-radius:5px}button,input{box-sizing:border-box;display:block;font-size:16px;margin:10px 0;padding:10px;width:100%}.form-container2 .btn-primary,.form-container2 button[type=submit],.form-container2 input[type=submit]{background-color:#054f4f!important;border:none;color:#fff!important;cursor:pointer}.form-container2 .btn-primary:hover,.form-container2 button[type=submit]:hover,.form-container2 input[type=submit]:hover{background-color:#066255!important}input::placeholder{color:#888;font-size:14px;opacity:1}input,select{background-color:#fff;background-color:var(--bg-color);border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}select option{color:#333}a.form-link{color:#007bff!important;text-decoration:none}a.form-link:hover{text-decoration:underline}select option[disabled]{color:#888}.success{color:green}.error{color:red}select:invalid{color:#888;font-size:14px}@media(max-width:768px){.form-container2{padding:15px;width:90%}}@media(max-width:480px){.form-container2{padding:10px;width:100%}}@media only screen and (max-width:400px){.form-container2{padding:10px;width:90%}}@media only screen and (max-width:300px){.form-container2{padding:5px;width:80%}}header{background-color:#333;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;justify-content:space-between;left:0;padding:auto;position:fixed;top:0;width:100%;z-index:10}.logo img{width:70px}.navmenu li a{font-size:16px;transition:color .3s ease-in-out}.navmenu li a:hover{color:#088172}.header-icons{align-items:center;display:flex;gap:15px}.header-icons i{color:#fff;cursor:pointer;font-size:30px;padding:0 10px;transition:all .3s ease-in-out}.header-icons i:hover{color:#088172;transform:scale(1.3)}.cart-icon-container{position:relative}.cart-count{background-color:red;border-radius:50%;color:#fff;font-size:12px;font-weight:700;padding:5px 8px;position:absolute;right:-.5px;top:-10px}.search-container{background-color:#fff;display:flex;justify-content:center;margin-top:-30px;padding:5px 10px;position:fixed;right:280px;top:30px;visibility:hidden;width:30%;z-index:100}.search-container.active{visibility:visible}.search-container input{font-size:14px}.search-container input:focus{border-color:#088172}.search-container button{background-color:#088172;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:4px;width:100px}.search-container button:hover{background-color:#393e46}.search-container input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px 15px;width:100%}.search-container input:focus{border-color:tomato}.boutique-container{background-color:#f4f4f9;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;padding:20px}.boutique-container .favorites-section{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:auto auto 20px;max-width:800px;overflow:auto;padding:10px;z-index:10000}.boutique-container .favorites-section h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.boutique-container .favorites-section .produit-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.boutique-container .favorites-section .produit-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:auto;padding:15px;text-align:center;width:200px}.boutique-container .favorites-section .produit-box .img-box img{background:#fff;cursor:pointer;display:flex;height:300px;padding:20px;width:100%}.boutique-container .favorites-section .produit-box .produit-title{color:#333;font-size:18px;margin-top:10px}.boutique-container .favorites-section .produit-box .price-and-cart{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.boutique-container .favorites-section .produit-box .price-and-cart .price{color:#e67e22;font-size:16px;font-weight:700}.boutique-container .favorites-section .produit-box .price-and-cart .add-cart{color:#fff;cursor:pointer}.boutique-container .favorites-section .produit-box .price-and-cart .add-cart:hover{color:#fff}.boutique-container .favorites-section::-webkit-scrollbar{height:8px}.boutique-container .favorites-section::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.boutique-container .favorites-section::-webkit-scrollbar-track{background:#f1f1f1}.navmenu li{align-items:center;display:flex;font-size:20px;justify-content:center;padding:10px 20px}.navmenu a{color:#fff;cursor:pointer;display:inline-block;text-decoration:none;transition:all .4s ease}.navmenu a:hover{color:#088172;transform:scale(1.1)}.navmenu a.active{display:inline-block;position:relative}.navmenu a.active:after{border-bottom:3px solid #fff;bottom:-3px;content:"";left:30%;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:70%}.navmenu a.active:hover:after{transform:scaleX(1)}.nav-icon{display:flex;font-size:30px;justify-content:space-between;padding:5px 10px}.nav-icon a{color:#fff;display:flex;transition:all .4s ease}.nav-icon a:hover{color:#088172;transform:scale(1.2)}.nav-icon i{display:flex;padding:0 10px;transition:all .4s ease}.nav-icon i:hover{color:#088172;transform:scale(1.3)}#menu{display:none}.search-box{position:absolute;right:-200%;top:150%}.search-box input{border:none;border-radius:30px;box-shadow:2px 2px 10px 4px #0e373626;outline:none;padding:10px 30px;width:250px}.search-box.active{right:1rem;transition:right .2s ease}#icon-logo{color:#111;left:10px;top:10px}#icon-logo,.user{display:flex;position:absolute}.user{align-items:center;background-color:#fff;border-radius:6px;box-shadow:2px 2px 10px 4px #0e373626;color:#121011;flex-direction:column;flex-wrap:wrap;max-width:400px;padding:50px 30px;right:-200%;row-gap:.5rem;top:100px}.user h2{font-size:20px;padding:10px;text-align:center}.user .login-btn{background-color:#049c04;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:15px;padding:4px;text-align:center;transition:all .4s ease}.user .login-btn:hover{background-color:#05c415}.user p{font-size:12px;padding:2px;text-align:center}.user a{color:#0c22e7;text-decoration:underline}.user input{background-color:#d5f1ea99;border:none;border-radius:30px;margin:5px;outline:none;padding:10px;width:100%}.user.active{right:1rem;transition:right .4s ease}#cart-icon{cursor:pointer;font-size:30px;margin:1px 3px;position:relative;text-align:center}#cart-icon,#cart-icon .cart-item-count{align-items:center;color:#fff;display:flex;justify-content:center}#cart-icon .cart-item-count{background-color:red;border-radius:50%;font-size:12px;height:20px;position:absolute;right:2px;top:-7px;visibility:hidden;width:22px}.main-home{grid-gap:1rem;align-items:center;background:#d5f1ea99;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));height:100vh;padding-top:1rem;position:relative;text-transform:capitalize;width:100%}.main-home .main-text h3{color:#ff5e00;font-size:15px;font-weight:500;padding:5px 30px}.main-home .main-text h1{color:#111;font-size:15px;padding:5px 30px}.main-home .main-text p{color:#049c04;font-size:15px;font-style:italic;margin-bottom:1rem;padding:5px 80px}.main-home .main-text a{border:1px solid #111;color:#111;margin:6rem;padding:10px 5px;transition:all .4s ease}.main-home .main-text a:hover{background-color:#111;color:#fff;text-decoration:none}.main-home .box-image{display:flex;width:300px}.drown-arrow a{border:2px solid #111;border-radius:50%;color:#111;cursor:pointer;display:flex;font-size:30px;padding:5px;position:absolute;right:30px;top:90%;transition:all .4s ease;z-index:100}.drown-arrow a:hover{background:#111;color:#fff}.cart{background-color:#fff;box-shadow:-2px 0 10px #0000001a;height:100%;overflow:auto;padding:65px 20px 40px;position:fixed;right:-200%;top:0;transition:right .5s ease;width:360px;z-index:100}.cart.active{right:0}.cart .cart-title{font-size:30px;font-weight:600;text-align:center}.cart .cart-box{align-items:center;border-top:2px solid #333;display:flex;margin-top:20px}.cart .cart-box img{border-radius:10px;height:80px;margin-right:20px;width:80px}.cart .cart-box .cart-detail{grid-gap:8px;display:grid;gap:8px;margin-right:auto}.cart .cart-box .cart-produit-title{font-size:16px;line-height:1}.cart .cart-box .cart-price{color:#111;font-weight:500}.cart .cart-box .cart-quantity{border:1px solid #9999;border-radius:6px;display:flex;width:100px}.cart .cart-box .cart-quantity button{background:#0000;border:none;cursor:pointer;font-size:20px;text-align:center;width:30px}.cart .cart-box .cart-quantity #decrement{color:#000}.cart .cart-box .cart-quantity #increment{color:#9999}.cart .cart-box .cart-quantity .number{align-items:center;border-left:1px solid #9999;border-right:1px solid #9999;cursor:default;display:flex;justify-content:center;width:40px}.cart .cart-box .cart-remove{color:#f50808;cursor:pointer;font-size:25px;width:30px}.cart .total{align-items:center;border-top:1px solid #333;display:flex;font-size:18px;font-weight:600;justify-content:flex-end;margin-top:20px}.cart .total .total-price{color:green;font-family:Times;font-weight:600;margin-left:10px}.cart #cart-close{cursor:pointer;display:flex;font-size:40px;font-weight:500;position:absolute;right:5px;top:5px}.cart .btn-buy{align-items:center;background-color:#088172;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;display:flex;font-size:16px;justify-content:center;margin:20px auto 0;padding:10px 30px;transition:all .4s ease}.cart .btn-buy:hover{background-color:#393e46}.shop{margin-bottom:10px;padding:10px 9px 30px;position:relative;top:5rem}.shop .section-title{align-items:center;color:#f1003c;display:flex;font-size:30px;justify-content:center;padding:10px;text-decoration:underline;width:100%}.shop .produit-content{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(258px,auto));padding:20px}.produit-box{border-radius:.6rem;box-shadow:2px 2px 10px 4px #0e373626;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:10px;position:relative}.produit-box .img-box img{background:#fff;cursor:pointer;display:flex;height:300px;padding:20px;width:100%}.produit-box h2{color:#111;display:flex;font-size:12px;padding:5px}.produit-box .starts{color:gold;cursor:pointer;font-size:12px}.produit-box .produit-box{position:relative}.produit-box .produit-box .hearth i{color:#f50808;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;transition:all .4s ease}.produit-box .produit-box .hearth i:hover{transform:scale(1.3)}.produit-box .price-and-cart{display:flex;font-size:5px;justify-content:space-between;padding:5px 0}.produit-box .price-and-cart span{color:#f50808;font-weight:700}.produit-box .price-and-cart i{background-color:#088172;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;padding:10px;transition:all .4s ease}.produit-box .price-and-cart i:hover{transform:scale(1.2)}#trans{align-items:center;background-color:#393e46;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-bottom:1rem;margin-top:4rem;padding:10px;position:relative;width:100%}#trans h4{font-size:20px}#trans h5{font-size:20px;width:100%}#trans h2,#trans h5{display:flex;margin-top:1rem;padding:10px}#trans h2{align-items:center;font-size:30px;justify-content:center;text-transform:capitalize}#trans h2 span{color:#088172;color:#05c415;font-size:20px}#trans .btn{border:none;border-radius:6px;color:#111;font-size:20px;margin-top:1rem;padding:15px;transition:all .4s ease}#trans .btn:hover{background-color:#088172;color:#fff}.customers h1{align-items:center;color:#f1003c;display:flex;font-size:30px;justify-content:center;margin-bottom:1rem;margin-top:4rem;padding:20px;text-align:center;text-decoration:underline}.customers-container{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:20px auto;max-width:1200px;padding:20px;text-align:center}.customers-container .img-box{align-items:center;border-radius:.6rem;border-radius:.5rem;-webkit-box-decoration-break:#ccc;box-decoration-break:#ccc;box-shadow:2px 2px 10px 4px #0e373626;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:20px;text-align:center;width:auto}.customers-container .img-box img{border-radius:50%;cursor:pointer;display:flex;height:150px;object-fit:cover;object-position:center;padding:20px;width:150px}.customers-container .img-box h2{font-size:1.2rem}.customers-container .img-box p{font-size:.938rem;margin:.5 0 .5rem}.starts{color:gold;padding:10px}.customers-container .img-box:hover{background:#bafcc3;transition:all .2s linear}.newsletter{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:1rem;text-align:center}.newsletter h2{font-size:1.8rem;text-transform:uppercase}.newsletter h2 span{color:#f50808;font-size:1.8rem}.newsletter form{background-color:#fff;border-radius:.5rem;box-shadow:2px 2px 10px 4px #0e373626;display:flex;padding:10px}.newsletter form input{background:#0000;border:none;outline:none;width:200px}.newsletter form .email-btn{align-items:center;background:#fc4816;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;max-width:115px;padding:8px 14px;text-align:center;text-transform:uppercase}.newsletter form .email-btn:hover{background-color:#393e46}.footer{grid-gap:1.5rem;align-items:center;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,auto));margin:50px auto;max-width:1000px;text-decoration:none;width:90%}.footer a{color:#121011;display:flex;font-size:1rem;margin-bottom:10px;transition:all .4s ease}.footer a:hover{color:#fc4816}.footer p{font-size:.938rem;margin-bottom:20px}.footer .social{align-items:center;column-gap:.5rem;display:flex}.footer .social a .bx{background:#ecfdf8;border-radius:5rem;color:#121011;font-size:24px;padding:10px;transition:all .4s ease}.footer .social a .bx:hover{background:#fc4816;color:#fff}.footer .footer-box h3{font-weight:600;margin-bottom:10px}.footer .footer-box{display:flex;flex-direction:column;row-gap:.5rem}.footer .footer-box span{align-items:center;display:flex}.footer .footer-box i{font-size:20px;margin-right:1rem}.copyright{align-items:center;background-color:#393e46;color:#fff;display:flex;font-family:cursive;justify-content:center;padding:10px;position:absolute;width:100%}@media(max-width:1160px){.main-text{font-size:10px}}@media(max-width:1148px){.main-text h1{font-size:10px}.main-text h3,.main-text p{font-size:15px}}@media(max-width:840px){#trans h2,span{font-size:20px}}@media(max-width:768px){header{padding:10px}#menu{display:inline;display:initial}.navmenu{align-items:center;background-color:#393e46;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;row-gap:1.4rem;top:-300%;transition:top .4s linear}.navmenu.active{top:100%}.main-home{width:100%}.main-text h1,.main-text h3,.main-text p{font-size:5px}.main-text a{font-size:10px}}@media(max-width:704px){.main-home{top:5rem}.main-text h3,.main-text p{font-size:10px}.main-text h1{font-size:5px}.main-text a{font-size:8px;margin:70px}#trans h2,#trans span{font-size:15px}}@media(max-width:548px){.main-text h1,.main-text h3,.main-text p{font-size:5px}.main-text a{font-size:15px;margin:70px}#trans h2,#trans span{font-size:10px}#trans .btn{font-size:5px}}.payment-page{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;font-family:sans-serif;margin:auto;max-width:400px;padding:2rem}.payment-page h2{color:#333;margin-bottom:1.5rem;text-align:center}.payment-page label{color:#444;display:block;font-weight:500;margin-bottom:1rem}.payment-page label input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-top:.3rem;padding:.5rem;transition:border-color .2s;width:100%}.payment-page label input:focus{border-color:#ff8c00;outline:none}.payment-page button{background-color:#ff8c00;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.7rem;transition:background-color .2s;width:100%}.payment-page button:hover{background-color:#e67600}.payment-page button:disabled{background-color:#ccc;cursor:not-allowed}.payment-page h2 img{display:inline-block;vertical-align:middle}:root{--menu-text:#2b2929;--entete:#f7fafd;--custom-header:#fff;--param-color:#000}body.dark-mode{--custom-header:#fff;--param-color:#fff}*,:after,:before{box-sizing:border-box}img,video{height:auto;max-width:100%}button,input,textarea{font-family:inherit}#root body,#root html,body body,body html,html body,html html{min-height:100vh}body{display:flex;flex-direction:column}.container,.page-content,body,main{background-color:#fff;background-color:var(--bg-color);min-height:100vh}.container,.page-content,main{flex:1 1}@media(max-width:400px){.container,.page-content,main{padding-top:56px}}.custom-header{align-items:center;background-color:#333;display:flex;height:60px;justify-content:space-between;padding:0 20px;position:fixed;width:100%;z-index:1000}.custom-header .left-header{align-items:center;display:flex;gap:10px}.custom-header .logout-button{background-color:#0000;border:none;cursor:pointer;font-size:12px;transition:color .3s}.custom-header .logout-button:hover{color:#d93025}@media(max-width:400px){.custom-header #root,.custom-header .container,.custom-header .page-content,.custom-header body,.custom-header html,.custom-header main{background-color:#fff;background-color:var(--bg-color);height:100vh;min-height:100vh}.custom-header body.dark-mode,.custom-header body.dark-mode .container,.custom-header body.dark-mode .page-content,.custom-header body.dark-mode main{background-color:#2b2929!important}.custom-header{height:56px;padding:0 12px}}.night-toggle{background:none;border:none;color:#fff;font-size:18px;margin-right:60px;margin-top:-10px;position:relative;transition:transform .2s,color .2s}.night-toggle:hover{color:#fc0;transform:scale(1.2)}@media(max-width:768px){.night-toggle{font-size:16px;margin-right:80px}}body.dark-mode .container,body.dark-mode .page-content,body.dark-mode main{background-color:#2b2929}body.dark-mode .night-toggle{color:#ffeb3b}body.dark-mode .night-toggle:hover{color:#ffe600}body.dark-mode{background-color:#2b2929;color:#e0e0e0}body.dark-mode a,body.dark-mode li{color:#fff;text-decoration:none}body.dark-mode header{color:#fff}body.dark-mode .navmenu,body.dark-mode header{background-color:#1e1e1e}body.dark-mode .dec,body.dark-mode .dropdown-content{background-color:#2c2c2c;color:#fff}body.dark-mode .dec:hover{color:#2c2c2c}#logo{height:auto;width:70px}.burger{color:#fff;cursor:pointer;display:none;font-size:24px}@media(max-width:640px){.burger{display:block}}.burger i{color:#fff;font-size:24px}@media(max-width:648px){.burger{display:flex;left:10px}}@media(min-width:604px){.burger{display:none;left:10px}}@media(min-width:640px){.burger{display:none;left:10px}}.navmenu{display:flex;gap:20px;list-style:none;margin:0;padding:0}.navmenu li a{color:#fff;color:var(--custom-header);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.navmenu li a:hover{color:#086969}@media(max-width:600px){.navmenu{background:#2b2929;background:var(--text-color);border:1px solid #ddd;box-shadow:0 2px 5px #0000001a;display:none;flex-direction:column;padding:1rem;position:absolute;right:10px;top:60px;width:100%;z-index:100}.navmenu div.dark-mode{margin-bottom:10rem}.navmenu li a{color:#2b2929;color:var(--menu-text)}.navmenu li a:hover{color:#086969}}.navmenu.open{display:flex}@media(min-width:601px){.navmenu{background:none;box-shadow:none;display:flex!important;flex-direction:row;padding:0;position:static}.burger{display:none!important}}.nav-icon{position:relative}.nav-icon button{background-color:#086969;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .3s ease}.nav-icon button:hover{background-color:#054f4f;text-decoration:none}.dropdown{display:inline-block;position:relative}.profile-circle{background-color:#054f4f;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:36px;line-height:36px;text-align:center;transition:background-color .3s;width:36px}.dropdown-content{animation:fadeIn .2s ease-in-out;background-color:#fff;border-radius:5px;box-shadow:0 4px 12px #00000026;min-width:160px;overflow:hidden;position:absolute;right:0;top:50px;z-index:1001}.dropdown-content a,.dropdown-content button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:12px;padding:8px 12px;text-align:left;transition:background-color .2s;width:100%}.dropdown-content a:hover,.dropdown-content button:hover{background-color:#f1f1f1;text-decoration:none}.dropdown-content form{margin:0}@media(max-width:400px){#root,.container,.page-content,body,html,main{background-color:#fff;background-color:var(--bg-color);height:100vh;min-height:100vh}body.dark-mode,body.dark-mode .container,body.dark-mode .page-content,body.dark-mode main{background-color:#2b2929!important}.custom-header{margin-top:-1px;padding:0 10px;position:fixed}div.dark-mode{margin-bottom:10rem}.navmenu{margin-top:-.3rem}}.header-menu-icon{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;color:#fff;color:var(--custom-header);cursor:pointer;display:flex;font-size:1.6rem;margin-left:1rem;position:relative;transform:scale(1);transform-origin:center;transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.header-menu-icon:hover{color:#086969;text-shadow:0 0 4px #08696933;transform:scale(1.05)}.header-menu-icon:active{transform:scale(.96)!important;transition:all .1s ease}.header-menu-icon:focus{border-radius:50%;box-shadow:0 0 0 2px #0869691a;outline:none;transform:scale(1.02)}.header-menu-icon.zoom-in{transform:scale(1.08)}.header-menu-icon.zoom-out{transform:scale(.94)}.header-menu-dropdown{animation:dropdownZoomIn .25s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--menu-bg);border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:140px;padding:.5rem 0;position:absolute;right:-2rem;top:3.5rem;transform-origin:top right;z-index:100}@keyframes dropdownZoomIn{0%{opacity:0;transform:scale(.8) translateY(-10px) translateX(5px)}50%{opacity:.8;transform:scale(1.05) translateY(-2px) translateX(2px)}to{opacity:1;transform:scale(1) translateY(0) translateX(0)}}.header-menu-item a{color:#000;color:var(--param-color);text-decoration:none}.header-menu-item a:before{content:"";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:.5em}.header-menu-item{color:#2b2929;color:var(--text-color);cursor:pointer;overflow:hidden;padding:.7rem 1.2rem;position:relative;transition:all .15s ease}.header-menu-item:hover{background-color:#f0f4ff;color:#086969;transform:scale(1.03)}.header-menu-item:active{background-color:#e8f0ff;transform:scale(.97)}.header-menu-item:before{background:linear-gradient(90deg,#0000,#0869691a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-menu-item:hover:before{left:100%}.logout-alert{animation:slideDown .3s forwards;background-color:#f44336;box-shadow:0 2px 4px #0003;color:#fff;font-weight:700;left:0;padding:12px 0;position:fixed;text-align:center;top:0;transform:translateY(-100%);width:100%;z-index:9999}@keyframes slideDown{to{transform:translateY(0)}}@media(max-width:928px){#root,.container,.page-content,body,html,main{background-color:#fff;background-color:var(--bg-color);height:100vh;min-height:100vh}h1{font-size:2rem}body.dark-mode,body.dark-mode .container,body.dark-mode .page-content,body.dark-mode main{background-color:#2b2929!important}h1{font-size:1.5rem!important}}@media(max-width:604px){h1{font-size:1rem}}@media(max-width:601px){h1{font-size:1rem}}.MPO-title{font-size:20px}.MPO-container{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:auto}button{background-color:#086969;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}button:hover{background-color:#000}p{margin-top:20px;text-align:left}p a{color:#086969;text-decoration:none}p a:hover{text-decoration:underline}@media(max-width:768px){.container{padding:15px}button{font-size:14px}}.VC-title{font-size:18px}#verify-code-form{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:20px;width:100%}#verify-code-form label{display:block;font-size:14px;margin-bottom:8px}#verify-code-form input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:15px;padding:1em;width:100%}#verify-code-form button{background-color:#086969;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}#verify-code-form button:hover{background-color:#000}#resend-button{background-color:orange;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}#resend-button:hover{background-color:#cc8400}@media(max-width:768px){#verify-code-form{padding:15px}#resend-button,#verify-code-form button{font-size:14px}}#errorMessage{color:red}#errorMessage,#successMessage{font-size:14px;margin-top:10px;text-align:center}#successMessage{color:green}:root{--card-bg:#f9f9f9;--card-text:#000;--primary-color:#007bff}body.dark-mode{--bg-color:#121212;--card-bg:#1e1e1e;--card-text:#fff;--primary-color:#0d6efd}.nouveau-mdp-container{align-items:center;background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.form-wrapper{background-color:#f9f9f9;background-color:var(--card-bg);border-radius:8px;box-shadow:0 0 10px #0000001a;color:#000;color:var(--card-text);max-width:500px;padding:30px;width:100%}form{display:flex;flex-direction:column}.input-wrapper{position:relative}.input-wrapper input{background-color:#fff;background-color:var(--bg-color);border:1px solid #ccc;border-radius:5px;color:#000;color:var(--text-color);font-size:16px;padding:10px;width:100%}.input-wrapper i{color:#666;color:var(--icon-color);cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .3s ease}input{background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);font-size:16px;padding:10px}input::placeholder{color:#aaa}button[type=submit]{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px}button[type=submit]:hover{background-color:#0257d5}.retour-lien a{color:#007bff;color:var(--primary-color);text-decoration:none}.retour-lien a:hover{text-decoration:underline}.error-message{color:red;margin-top:10px}.success-message{color:green;margin-top:10px}.Conversion-form{left:0;margin-top:-350px;padding:30px;text-align:center}.Conversion-form .Conversion-title{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:18px}.Conversion-form .Cnav-button{background-color:#fff;border:2px solid #088172;border-radius:5px;color:#000;font-size:16px;min-width:120px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.Conversion-form .Cnav-button:active,.Conversion-form .Cnav-button:focus,.Conversion-form .Cnav-button:hover{background-color:#088172;color:#fff;text-decoration:none}.button-group{flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}@media only screen and (max-width:400px){.Conversion-form{margin-top:-200px;padding:30px;text-align:center}}@media only screen and (max-width:300px){.Conversion-form{margin-top:-200px;padding:30px;text-align:center}}:root,body.dark-mode{--bth:#000}.IMC-container{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;padding:1rem}.IMC-form .btn{color:var(--menu-bg)}.IMC-form .btn:hover{background-color:#000;background-color:var(--bth);color:#fff;color:var(--menu-text)}input{border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:8px;width:100%}.IMC-form{flex:1 1}.IMC-form .btn{background-color:#2b2929;background-color:var(--text-color);border:none;border-radius:5px;color:#fff;color:var(--bg-color);cursor:pointer;padding:10px 20px;transition:background-color .3s,color .3s}.IMC-form .btn:hover .btn{background-color:#000;background-color:var(--bth);color:#fff;color:var(--bg-color)}#Resultat{margin-top:20px}.IMC-table{background:#fff;background:var(--menu-bg);border-radius:8px;box-shadow:0 0 5px #0000001a;color:#2b2929;color:var(--text-color);flex:1 1;padding:1rem}.IMC-table,.IMC-table h3{justify-content:center;justify-items:center}.IMC-table h3{margin-bottom:.5rem}.IMC-table table{border-collapse:collapse;width:100%}.IMC-table td,.IMC-table th{border:1px solid #ccc;padding:.5rem;text-align:center}.IMC-table th{background-color:#555;background-color:var(--entete);color:#2b2929;color:var(--text-color)}.mathematique-page{box-sizing:border-box;color:#000;color:var(--text-color);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;width:100%}.mathematique-page,.mathematique-page.fullscreen{background-color:#fff;background-color:var(--bg-color)}.mathematique-page.fullscreen{align-items:center;justify-content:center}.mathematique-page.fullscreen .entry-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.mathematique-page.fullscreen .entry-buttons button{align-items:center;background-color:#fff;background-color:var(--entete);border:none;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#000;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;height:140px;justify-content:center;padding:1rem;transition:all .25s ease;width:140px}.mathematique-page.fullscreen .entry-buttons button svg{color:#666;color:var(--icon-color);font-size:2rem;margin-bottom:.6rem}.mathematique-page.fullscreen .entry-buttons button span{color:#000;color:var(--text-color);margin-top:.25rem}.mathematique-page.fullscreen .entry-buttons button:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-5px)}.mathematique-page.fullscreen .entry-buttons button:active{transform:translateY(-2px)}.mathematique-page .mathematique-content{background-color:#fff;background-color:var(--menu-bg);flex:1 1;height:100%;overflow:auto;padding:1rem;width:100%}.mathematique-page .error-message{background-color:#ffe0e0;border:1px solid #e44;border-radius:8px;color:#a00;margin:1rem auto;padding:1rem;text-align:center}.mathematique-page .error-message p{margin:0}.app-container{margin-top:-40px;min-height:100vh;padding:20px;position:relative;transition:all .3s ease;width:100%}.app-container.night-mode{background-color:#121212;color:#fff}.app-container.night-mode button,.app-container.night-mode input,.app-container.night-mode table,.app-container.night-mode thead,.app-container.night-mode tr{background-color:#333;border-color:#555;border-width:2px;color:#fff}.app-container.night-mode ta thead,.app-container.night-mode tr{background-color:#1e1e1e;color:#fff}.app-container.night-mode table td,.app-container.night-mode table th{background-color:#121212;border-color:#555;border-width:2px}.app-container.night-mode .base-line,.app-container.night-mode .fraction-line{border-top-color:#fff;border-width:3px}.app-container.night-mode .app-container{border:3px solid #fff}.night-toggle{align-items:center;background:#f5f5f5;border:1px solid #7e7d7d;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:8px;position:absolute;right:20px;top:20px;width:40px;z-index:100}.content{margin:0 auto;max-width:800px;padding-top:40px}.title{color:inherit;font-size:1.5rem;font-weight:700;margin:20px auto;text-align:center}.user-info{display:flex;gap:10px;margin-bottom:20px}.user-info input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.modules-container{margin-bottom:20px}.modules-container table{border-collapse:collapse;margin-bottom:20px;width:100%}.modules-container table td,.modules-container table th{border:1px solid #ddd;padding:8px;text-align:left}.modules-container table th{background-color:#555;color:#fff}.modules-container table input{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;padding:5px;width:100%}.buttons{display:flex;gap:10px;margin-bottom:20px}.buttons button{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s}.buttons button,.buttons button:hover{background-color:#088172}.result-container{background-color:#0000000d;border-radius:5px;padding:20px;text-align:center}.result-container .result-text{font-size:18px;font-weight:700;margin-bottom:15px}.average-display{align-items:center;display:flex;font-size:24px;justify-content:center;margin-top:15px}.average-display .fraction{align-items:center;display:inline-flex;flex-direction:column;margin:0 10px}.average-display .fraction .denominator,.average-display .fraction .numerator{padding:0 10px}.average-display .fraction .fraction-line{border-top:2px solid #000;margin:3px 0;width:100%}.average-display .equals{margin:0 10px}.average-display .final-average{font-weight:700;margin:0 10px}.average-display .base-line{border-top:2px solid #000;margin:0 10px;width:40px}.average-display .base{font-weight:700}@media print{body *{visibility:hidden}.print-container,.print-container *{visibility:visible}.print-container{left:0;position:absolute;top:0;width:100%}}.app-container{transition:background-color .5s ease,color .5s ease}.night-mode{background-color:#121212;color:#fff}.night-mode input,.night-mode table,.night-mode td,.night-mode th{background-color:#1e1e1e;color:#fff;transition:background-color .5s ease,color .5s ease}.frac{display:inline-block;letter-spacing:.001em;margin:0 10px;position:relative;text-align:center;vertical-align:middle}.frac>span{display:block;padding:.1em}.frac span.bottom{border-top:thin solid #000}.night-mode .frac span.bottom{border-top:thin solid #fff}.frac span.symbol{display:none}.grapheur-container{background-color:#f9fafb;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100%}@media(max-width:768px){.grapheur-container{flex-direction:column;height:auto;min-height:100vh}.grapheur-container .grapheur-svg-container{-webkit-overflow-scrolling:touch;height:60vh;min-height:400px;overflow:auto}.grapheur-container .grapheur-svg-container svg{min-height:100%;min-width:100%}}text{fill:#6b7280;font-size:.75rem;font-weight:400}.function-inputs{background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:2px 0 10px #0000000d;display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto;padding:1.5rem;width:400px}@media(max-width:768px){.function-inputs{border-bottom:1px solid #e5e7eb;border-right:none;box-shadow:0 2px 10px #0000000d;width:100%}}.function-inputs .input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.function-inputs .input-header h2{color:#111827;font-size:1.25rem;margin:0}.function-inputs .input-header .add-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.function-inputs .input-header .add-button:hover{background:#2563eb}.function-inputs .input-fields{display:flex;flex-direction:column;gap:1rem;min-height:-webkit-min-content;min-height:min-content}.function-inputs .function-row{align-items:center;background-color:#f9fafb;border-radius:8px;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.function-inputs .function-row.active{background-color:#f3f4f6;box-shadow:inset 0 0 0 1px #e5e7eb}.function-inputs .function-row .function-label{color:#4b5563;font-family:Courier New,monospace;font-size:.95rem;min-width:60px}.function-inputs .function-row input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;min-width:0;padding:.5rem .75rem;transition:all .2s ease}.function-inputs .function-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.function-inputs .function-row .delete-button{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.function-inputs .function-row .delete-button:hover{background:#f3f4f6;border-color:#ef4444;color:#ef4444}.grapheur-svg-container{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:1.5rem;position:relative}@media(max-width:768px){.grapheur-svg-container{height:60vh;min-height:400px;padding:1rem}}.grapheur-svg-container .grapheur-svg{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;height:100%;width:100%}.grapheur-svg-container .grapheur-svg .x-axis line,.grapheur-svg-container .grapheur-svg .x-axis path,.grapheur-svg-container .grapheur-svg .y-axis line,.grapheur-svg-container .grapheur-svg .y-axis path{stroke:#9ca3af;stroke-width:1px;shape-rendering:crispEdges}.grapheur-svg-container .grapheur-svg .x-axis text,.grapheur-svg-container .grapheur-svg .y-axis text{fill:#6b7280;font-size:.75rem}.grapheur-svg-container .grapheur-svg .horizontal-grid,.grapheur-svg-container .grapheur-svg .vertical-grid{stroke:#e5e7eb;stroke-width:1px;stroke-opacity:.5;shape-rendering:crispEdges}.grapheur-svg-container .grapheur-svg .horizontal-grid line{stroke-dasharray:2,4}.grapheur-svg-container .grapheur-svg path{stroke-linejoin:round;stroke-linecap:round}:root{--text-color:#2b2929;--icon-color:#666}body,html{width:100%}.determinant-interactif{box-sizing:border-box;display:flex;flex-direction:column;font-family:Roboto,sans-serif;min-height:100vh;padding:2rem;transition:background-color .3s,color .3s;width:100%}.determinant-interactif.light{background-color:#fff;background-color:var(--bg-color);color:#2b2929;color:var(--text-color)}.determinant-interactif.dark{background-color:#2b2929;color:#f5f5f5}.determinant-interactif.dark .matrix-input,.determinant-interactif.dark .matrix-size-input{background-color:#2b2929;border-color:#444;color:#f5f5f5}.determinant-interactif.dark .etapes,.determinant-interactif.dark .resultat{background-color:#2b2929}.determinant-interactif .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.determinant-interactif .header h2{font-size:1.8rem;margin:0}.determinant-interactif .header .mode-toggle{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;padding:.5rem;transition:background-color .3s;width:2.5rem}.determinant-interactif .header .mode-toggle:hover{background-color:#0000001a}.determinant-interactif .controls-grid{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.determinant-interactif .controls-grid .control-group{align-items:center;display:flex;gap:.5rem}.determinant-interactif .controls-grid .control-group label{align-items:center;display:flex;font-weight:500;gap:.5rem}.determinant-interactif .controls-grid .control-group input[type=number]{border:1px solid #ccc;border-radius:4px;padding:.1px}.determinant-interactif .controls-grid .action-buttons{display:flex;gap:1rem;justify-self:end}.determinant-interactif .controls-grid .action-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.determinant-interactif .controls-grid .action-buttons button:hover{transform:translateY(-2px)}.determinant-interactif .controls-grid .action-buttons .calculate-btn{background-color:#4285f4;color:#fff}.determinant-interactif .controls-grid .action-buttons .calculate-btn:hover{background-color:#3367d6}.determinant-interactif .controls-grid .action-buttons .export-btn{background-color:#f1f1f1;color:#333}.dark .determinant-interactif .controls-grid .action-buttons .export-btn{background-color:#2b2929;color:#f5f5f5}.determinant-interactif .matrix-container{display:flex;flex:1 1;justify-content:center;margin-bottom:1.5rem}.determinant-interactif .saisie-matrice{display:inline-flex;flex-direction:column;gap:.5rem}.determinant-interactif .saisie-matrice .ligne-matrice{display:flex;gap:.5rem}.determinant-interactif .saisie-matrice .matrix-input{border:1px solid #ccc;border-radius:4px;font-size:1.1rem;height:3.5rem;text-align:center;transition:all .3s;width:5rem}.determinant-interactif .saisie-matrice .matrix-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f433;outline:none}.determinant-interactif .resultat{background-color:#fff;background-color:var(--bg-color);border:1px solid #fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#2b2929;color:var(--text-color);margin-bottom:2rem;padding:1.5rem}.dark .determinant-interactif .resultat{background-color:#2b2929;box-shadow:0 2px 10px #0000004d}.determinant-interactif .resultat .determinant-value{align-items:center;display:flex;font-size:1.3rem;gap:.5rem;margin:1rem 0}.determinant-interactif .resultat .decimal-value{font-size:1rem;opacity:.8}.determinant-interactif .etapes{background-color:#fff;background-color:var(--bg-color);border-top:1px solid #eee;color:#2b2929;color:var(--text-color);margin-top:1.5rem;padding-top:1.5rem}.dark .determinant-interactif .etapes{border-top-color:#fff;border-top-color:var(--bg-color)}.determinant-interactif .etapes h4{margin-top:0}.determinant-interactif .etapes .steps-container{background-color:#fff;background-color:var(--bg-color);border-radius:4px;color:#2b2929;color:var(--text-color);max-height:300px;overflow-y:auto;padding:.5rem}.dark .determinant-interactif .etapes .steps-container{background-color:#2a2a2a}.determinant-interactif .etapes .step-line{border-bottom:1px solid #eee;font-family:monospace;padding:.25rem 0;white-space:pre-wrap}.dark .determinant-interactif .etapes .step-line{border-bottom-color:#444}.determinant-interactif .etapes .step-line:last-child{border-bottom:none}.determinant-interactif .fraction{align-items:center;display:inline-flex;flex-direction:column;line-height:1;margin:0 .1em;vertical-align:middle}.determinant-interactif .fraction sub,.determinant-interactif .fraction sup{font-size:.8em;line-height:1}.determinant-interactif .fraction sup{border-bottom:1px solid;padding-bottom:1px}.determinant-interactif .fraction sub{padding-top:1px}@media(max-width:768px){.determinant-interactif{padding:1rem}.determinant-interactif .controls-grid{grid-template-columns:1fr}.determinant-interactif .action-buttons{justify-self:start!important}.determinant-interactif .matrix-input{height:3rem!important;width:4rem!important}}body.dark-mode{--bg-gr-color:#2b2929}.baro-container{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:1rem;width:100%}@media(max-width:600px){.baro-container{padding:.75rem}}.group-list{margin-bottom:2rem;width:100%}.group-list h2{color:#333;font-size:1.5rem;margin:0 0 1rem;padding-bottom:.5rem;position:relative;text-align:center;width:100%}.group-list h2:after{background-color:#088172;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.group-list .no-groups-message{color:#666;font-style:italic;padding:1rem;text-align:center;width:100%}.group-list .group-items-wrapper{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;overflow-x:auto;padding:1rem .5rem;scroll-snap-type:x mandatory;width:100%}.group-list .group-items-wrapper::-webkit-scrollbar{height:6px}.group-list .group-items-wrapper::-webkit-scrollbar-thumb{background-color:#088172;border-radius:3px}.group-list .group-items-wrapper .group-item{background-color:#fff;background-color:var(--bg-gr-color);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;max-width:100%;min-width:220px;padding:1.25rem;position:relative;scroll-snap-align:start;transition:all .3s ease;width:calc(100% - 55rem)}.group-list .group-items-wrapper .group-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-3px)}.group-list .group-items-wrapper .group-item .group-header{align-items:flex-start;color:#1e1e1e;color:var(--menu-bg);display:flex;justify-content:space-between;margin-bottom:.75rem;width:100%}.group-list .group-items-wrapper .group-item .group-header strong{color:#000;color:var(--text-color);flex:1 1;font-size:1.1rem;margin-right:.5rem;word-break:break-word}.group-list .group-items-wrapper .group-item .menu-item{color:#000;color:var(--black-color)}.group-list .group-items-wrapper .group-item .menu-icon{color:#000;color:var(--text-color)}.group-list .group-items-wrapper .group-item .delete-item{color:red}.group-list .group-items-wrapper .group-item .menu-item p{color:#fff;color:var(--menu-text);font-size:.875rem;line-height:1.4;margin:.25rem 0}@media(min-width:600px){.group-list .group-items-wrapper{justify-content:flex-start}.group-list .group-item{width:220px}}@media(min-width:768px){.group-list .group-items-wrapper{flex-wrap:nowrap;overflow-x:auto}}.creer-groupe-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:2rem;width:100%}.creer-groupe-wrapper .creer-groupe-button{background-color:#088172;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:100%;padding:.75rem 1.5rem;transition:all .3s ease;width:auto}.creer-groupe-wrapper .creer-groupe-button:hover{background-color:#088172;transform:translateY(-2px)}.creer-groupe-wrapper .creer-groupe-button:active{transform:translateY(0)}.formulaire-creation{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;max-width:400px;padding:1.5rem;width:100%}.formulaire-creation input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border .3s;width:100%}.formulaire-creation input:focus{border-color:#088172;outline:none}.formulaire-creation .form-buttons{display:flex;gap:.75rem;width:100%}.formulaire-creation .form-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .3s}.formulaire-creation .form-buttons button[type=submit]{background-color:#28a745;color:#fff}.formulaire-creation .form-buttons button[type=submit]:hover{background-color:#218838}.formulaire-creation .form-buttons button[type=button]{background-color:#dc3545;color:#fff}.formulaire-creation .form-buttons button[type=button]:hover{background-color:#c82333}.formulaire-creation .message{color:red;font-size:.875rem;margin-top:.5rem;text-align:center}.menu-container{margin-left:.5rem;position:relative}.menu-icon{color:#666;cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s;-webkit-user-select:none;user-select:none}.menu-icon:hover{background-color:#0000000d;border-radius:50%;color:#333}.menu-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.menu-item{cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s}.menu-item:hover{background-color:#f8f9fa}.menu-item.delete-item{color:#e74c3c}.menu-item.delete-item:hover{background-color:#fde8e8}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-content .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.modal-content .modal-header h3{color:#333;font-size:1.25rem;margin:0}.modal-content .modal-header .close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem}.modal-content .modal-header .close-button:hover{color:#333}.modal-content .modal-body{padding:1.5rem}.modal-content .modal-body p{margin-bottom:1rem}.modal-content .modal-body p strong{font-weight:600}.modal-content .modal-body .members-list{border:1px solid #eee;border-radius:6px;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:.5rem}.modal-content .modal-body .members-list li{border-bottom:1px solid #f5f5f5;padding:.5rem}.modal-content .modal-body .members-list li:last-child{border-bottom:none}.modal-content .modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:1rem 1.5rem}.modal-content .modal-footer .chat-button{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:background-color .2s}.modal-content .modal-footer .chat-button:hover{background-color:#088172}.remove-member-btn{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:10px;padding:8px;transition:background-color .3s ease}.remove-member-btn:hover{background-color:#c00}.remove-member-btn:active{transform:scale(.98)}.remove-member-btn:focus{box-shadow:0 0 0 2px #f446;outline:none}.loading-spinner{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#088172;height:40px;margin-bottom:1rem;width:40px}.loading-spinner p{color:#666}.error-message{color:#e74c3c;padding:2rem;text-align:center}.error-message p{margin-bottom:1rem}.error-message button{background-color:#088172;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}body,html{margin:0;padding:0}#root{display:flex;height:100%}.bar-retour{align-items:center;background-color:red;background-color:#fff;background-color:var(--entete);display:flex;gap:1rem;padding:1.5rem 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:999}.bar-retour .parametre-title1{border:none;border-radius:4px;color:#000;color:var(--text-color);cursor:pointer;font-size:2rem;font-weight:500;margin-left:.5rem;padding:0;top:-5rem;transition:background .2s ease}.bar-retour span{color:#000;font-size:5rem;font-weight:500}.bar-retour span i.fas.fa-arrow-left{color:#000;color:var(--text-color)}.custom-calendar{background-color:#fff;background-color:var(--bg-color);border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;width:100%}.custom-calendar.fullscreen-calendar{border-radius:0;display:flex;flex:1 1;flex-direction:column;left:0;margin-top:-70px;right:0;z-index:100}.custom-calendar .calendar-header{align-items:center;background-color:#fff;background-color:var(--entete);border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.custom-calendar .calendar-header .navigation-controls{align-items:center;display:flex}.custom-calendar .calendar-header .navigation-controls .month-navigation{align-items:center;display:flex;gap:.5rem}.custom-calendar .calendar-header .navigation-controls .month-navigation h3{color:#000;color:var(--text-color);font-size:1.2rem;font-weight:500;margin:0;min-width:250px;text-align:center}.custom-calendar .calendar-header .navigation-controls .nav-button-Aujourd8{background-color:#088172;border:1px solid #ced4da;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.custom-calendar .calendar-header .navigation-controls .nav-button-Aujourd8:hover{background-color:#000;background-color:var(--colon-black-color)}.custom-calendar .calendar-header .navigation-controls .nav-button{background:none;border:none;border-radius:4px;color:#000;color:var(--text-color);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.custom-calendar .calendar-header .view-switcher{display:flex;gap:.5rem}.custom-calendar .calendar-header .view-switcher .view-button{background-color:#000;background-color:var(--colon-black-color);border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.custom-calendar .calendar-header .view-switcher .view-button:hover{background-color:#088172}.custom-calendar .calendar-header .view-switcher .view-button.active{background-color:#088172;border:1px solid #ced4da;color:#fff}.custom-calendar .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);height:auto}.custom-calendar .calendar-grid,.custom-calendar .calendar-grid.month{grid-template-rows:auto repeat(6,1fr)}.custom-calendar .calendar-grid.week{display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);grid-template-rows:auto 1fr;min-height:calc(100vh - 200px);overflow-y:auto}.custom-calendar .calendar-grid.week .day-cell{background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);margin-bottom:0!important;max-height:100%;overflow:hidden;padding:.25rem;padding-bottom:0!important}.custom-calendar .calendar-grid.day{display:block}.custom-calendar .calendar-grid .day-header{background-color:#088172;border-bottom:1px solid #e0e0e0;color:#fff;font-weight:500;padding:.5rem;text-align:center}.custom-calendar .calendar-grid .day-cell{background-color:#fff;background-color:var(--bg-color);border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;color:#000;color:var(--text-color);min-height:80px;padding:.25rem;position:relative}.custom-calendar .calendar-grid .day-cell.empty-day{background-color:#fff;background-color:var(--entete)}.custom-calendar .calendar-grid .day-cell.day-view{display:flex;flex-direction:column;height:100%}.custom-calendar .calendar-grid .day-cell .date-label{font-weight:500;margin-bottom:.25rem;padding-right:.5rem;text-align:right}.custom-calendar .calendar-grid .day-cell .date-label.today{color:red;font-weight:700}.custom-calendar .calendar-grid .day-cell .calendar-event{background-color:#088172;border-left:3px solid #000;border-left:3px solid var(--text-color);border-radius:2px;color:#fff;cursor:pointer;font-size:.85rem;margin:.1rem 0;overflow:hidden;padding:.25rem;text-overflow:ellipsis;white-space:nowrap}.custom-calendar .calendar-grid .day-cell .calendar-event.my-event{background-color:#088172;border-left-color:#003d82}.custom-calendar .calendar-grid .day-cell .time-slots{flex:1 1;overflow-y:auto}.custom-calendar .calendar-grid .day-cell .time-slots .time-slot{border-bottom:1px solid #f0f0f0;display:flex;min-height:60px}.custom-calendar .calendar-grid .day-cell .time-slots .time-slot .time-label{color:#666;font-size:.8rem;padding:.5rem;text-align:right;width:60px}.custom-calendar .calendar-grid .day-cell .time-slots .time-slot .time-slot-content{flex:1 1;padding:.5rem;position:relative}.custom-calendar .agenda-grid{background-color:#fff;background-color:var(--bg-color);margin:300px auto 30px;transform:translateY(-300px);width:100%}.custom-calendar div.group-page.fullscreen .agenda-grid{display:flex;list-style:none;margin-top:100px;padding-top:100px}.custom-calendar .event-item{align-items:flex-start;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:1rem;transition:background-color .2s}.custom-calendar .event-item:hover{background-color:#fff;background-color:var(--menu-bg)}.custom-calendar .event-date{min-width:180px;padding-right:1rem}.custom-calendar .event-day{display:block;font-weight:700}.custom-calendar .event-time{color:#666;font-size:.9rem}.custom-calendar .event-details{flex:1 1}.custom-calendar .event-title{font-size:1.1rem;margin:0 0 .5rem}.custom-calendar .event-description{color:#666;font-size:.9rem;margin:0}.custom-calendar .my-event{background-color:#fff;background-color:var(--bg-color)}.custom-calendar .no-events{color:#666;padding:2rem;text-align:center}.clickable{cursor:pointer;font-weight:700;margin:0 4px;text-decoration:underline}.dropdownn{background:#fff;background:var(--entete);border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #00000026;color:#000;color:var(--text-color);max-height:200px;overflow-y:auto;padding:5px;position:absolute;z-index:999}.dropdownn-item{cursor:pointer;padding:6px 10px}.dropdownn-item:hover{background-color:#fff;background-color:var(--bg-color)}.month-picker{left:100px;top:60px}.year-picker{color:#000;color:var(--text-color);left:200px;top:60px}.dropdown-item{cursor:pointer;padding:4px 8px}.dropdown-item:hover{background-color:#fff;background-color:var(--bg-color)}@media(max-width:768px){.custom-calendar .calendar-header{align-items:flex-start;flex-direction:column}.custom-calendar .calendar-header .navigation-controls{justify-content:space-between;width:80%}.custom-calendar .calendar-header .navigation-controls .month-navigation{align-items:center;display:flex;gap:0}.custom-calendar .calendar-header .navigation-controls .month-navigation h3{font-size:1.2rem;font-weight:500;margin:0;min-width:50px;text-align:center}.custom-calendar .calendar-header .navigation-controls .nav-button-Aujourd8{background-color:#088172;border:1px solid #ced4da;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.custom-calendar .calendar-header .navigation-controls .nav-button-Aujourd8:hover{background-color:#000}.custom-calendar .calendar-header .navigation-controls .nav-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.custom-calendar .calendar-header .navigation-controls .nav-button:hover{background-color:#e9ecef}.custom-calendar .calendar-header .view-switcher{justify-content:space-between;width:100%}}.GroupCalendarWrapper{background-color:red;height:100%;overflow:hidden;position:relative;width:100%}.GroupCalendarWrapper .custom-calendar{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}:root{--menu-bg:#1e1e1e;--black-color:#000;--bg-gr-color:#fff}body.dark-mode{--entete:#555;--black-color:#000;--bg-gr-color:#000}.group-options{background-color:#fff;background-color:var(--bg-color);display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;gap:10rem;margin-top:-85px;overflow-y:auto;width:100%}.group-options h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.group-options .message{background-color:#e9f5e9;border-left:4px solid #28a745;border-radius:4px;color:#155724;padding:.5rem 1rem}.group-options div.group-info{padding:.5rem;transform:translateY(-150px)}.group-options .group-info p{color:#000;color:var(--text-color);font-size:1rem;margin-bottom:.5rem}.group-options .group-info .back-arrow{align-items:center;cursor:pointer;display:inline-flex;font-size:1.2rem;margin-left:.5rem;padding:.2rem}@media(max-width:600px){.group-options .group-info .back-arrow{margin-left:.3rem}}.group-options .group-info .members-list{list-style:none;margin:0;padding:0}.group-options .group-info .members-list .member-item{align-items:center;border-bottom:1px solid #eee;color:#000;color:var(--text-color);display:flex;padding:.8rem 0;position:relative}.group-options .group-info .members-list .member-item .member-name{flex-grow:1;font-size:1rem;font-weight:500;padding-left:2.5rem;position:relative;z-index:1}.group-options .group-info .members-list .member-item .member-menu{cursor:pointer;left:0;position:absolute;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:10}.group-options .group-info .members-list .member-item .member-menu .menu-icon{border-radius:4px;color:#000;color:var(--icon-color);font-size:2rem;padding:.2rem .5rem;transition:background-color .2s ease}.group-options .group-info .members-list .member-item .member-menu .menu-icon:focus,.group-options .group-info .members-list .member-item .member-menu .menu-icon:hover{background-color:#0000001a;outline:none}.group-options .group-info .members-list .member-item .member-menu .member-dropdown{background:#fff;background:var(--bg-color);border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 10px #00000026;left:100%;min-width:120px;padding:0;position:absolute;top:0;transform:translateX(100%)}.group-options .group-info .members-list .member-item .member-menu .member-dropdown button{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.75rem;font-weight:700;padding:.1rem .5rem;text-align:center;transition:background-color .2s ease}.group-options .group-info .members-list .member-item .member-menu .member-dropdown button:focus,.group-options .group-info .members-list .member-item .member-menu .member-dropdown button:hover{outline:none}.group-options .add-member-section{display:flex;flex-direction:column;gap:.5rem;padding:1rem;transform:translateY(-290px)}.group-options .add-member-section input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem}.group-options .add-member-section .add-member-btn{background-color:#088172;border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-top:2rem;max-width:200px;padding:1rem 2rem;width:-webkit-fit-content;width:fit-content}.group-options .add-member-section .add-member-btn:hover{background-color:#000}.group-options .retirer-btn{background-color:none;color:#000;color:var(--text-color);display:flex}.group-options .group-actions{margin-top:auto}.group-options .group-actions .danger-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.group-options .group-actions .danger-btn:hover{background-color:#c82333}.chat-message{word-wrap:break-word;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:18px;box-shadow:0 4px 10px #0000000f;font-family:Segoe UI,Roboto,-apple-system,sans-serif;height:auto;margin:16px 0;max-width:min(80%,100vh);padding:.95rem 1rem;position:relative;transition:all .3s ease;z-index:0}.chat-message.mine{align-self:flex-end;background:#c6f7e2;border-top-right-radius:4px;margin-left:auto;z-index:1}.chat-message.other{align-self:flex-start;background:#e3f2fd;border-top-left-radius:4px;margin-right:auto;z-index:1}.chat-message.menu-open{z-index:1002}.chat-message:hover{z-index:2}.chat-message .sender-name{color:#444;font-size:.75rem;font-weight:600;margin-bottom:.2rem;-webkit-user-select:none;user-select:none}.chat-message .message-content{box-sizing:border-box;color:#222;font-size:.2rem;line-height:1.5;margin-bottom:15px;max-width:100%;min-width:100px;overflow-wrap:break-word;padding-right:2rem;position:relative;white-space:pre-wrap;word-break:break-word;z-index:-10;z-index:10}.chat-message .message-content .message-divider{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:1rem 0;z-index:-10}.chat-message .message-content .message-divider .hr-line{border:none;border-top:1px solid #0000001a;flex:1 1;opacity:.6;z-index:-10}.chat-message .message-content .message-time{bottom:-24px;color:inherit;font-size:.75rem;font-weight:500;opacity:.6;position:absolute;right:8px;-webkit-user-select:none;user-select:none;z-index:-10}.chat-message .message-reactions{bottom:-24px;display:flex;gap:.3rem;left:12px;position:absolute;z-index:20}.chat-message .message-reactions .reaction-emoji{align-items:center;background:hsla(0,0%,100%,.867);border:1px solid #0000000d;border-radius:16px;box-shadow:0 1px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.9rem;justify-content:center;line-height:1;padding:.2rem .4rem;transition:all .2s ease;white-space:nowrap}.chat-message .message-reactions .reaction-emoji:hover{background:#f0f0f0;transform:scale(1.15)}.chat-message:active:not(.menu-open),.chat-message:hover:not(.menu-open){z-index:2}.menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:999}.message-menu{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#000;display:flex;flex-direction:column;margin-top:8px;max-height:min(300px,80vh);min-width:160px;overflow:hidden;padding:.2rem;position:absolute;top:80%;transform-origin:top center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);z-index:1001!important}.message-menu.position-above{bottom:100%;margin-bottom:8px;margin-top:0;top:auto;transform-origin:bottom center}.message-menu.mine-menu{left:auto;right:0;z-index:1001!important}.message-menu.other-menu{left:0;right:auto;z-index:1001!important}.message-menu .reaction-bar-horizontal{align-items:center;border-bottom:1px solid #0000000d;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.01rem;justify-content:flex-start;margin-bottom:0;padding-bottom:.1rem;z-index:1002}.message-menu .reaction-bar-horizontal .reaction-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;padding:.1rem;transition:all .2s ease}.message-menu .reaction-bar-horizontal .reaction-btn:hover{background:#f5f5f5;transform:scale(1.2)}.message-menu .reaction-bar-horizontal .reaction-btn:active{transform:scale(.95)}.action-menu-vertical{display:flex;flex-direction:column;z-index:1001!important}.action-menu-vertical .menu-item{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:.65rem;margin:.4rem 0;padding:0 .2rem;text-align:left;transition:all .2s ease;z-index:1001!important}.action-menu-vertical .menu-item:hover{background:#f5f5f5;color:#000}.action-menu-vertical .menu-item:active{transform:scale(.98)}.action-menu-vertical .menu-item.danger{color:#e74c3c}.action-menu-vertical .menu-item.danger:hover{background:#e74c3c1a}.chat-date-separator{color:#7a7a7a;font-size:1.85rem;font-size:.5rem;margin:20px 0;position:relative;text-align:center;z-index:-10}.chat-date-separator span{background:#f9fafb;padding:0 10px;position:relative;z-index:1}.chat-date-separator:before{background:linear-gradient(90deg,#0000,#ddd,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.fake-link{color:#1a0dab;cursor:default;font-size:14px;pointer-events:none;text-decoration:underline}.edited{color:#888;font-size:.75rem;margin-left:.25rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-menu{animation:fadeIn .15s ease-out forwards}@media(max-width:768px){.chat-message{max-width:90%;padding:.65rem .9rem}.chat-message .message-content{font-size:.95rem}.message-menu{font-size:.9rem;min-width:140px}.chat-date-separator{color:#7a7a7a;font-size:1.5rem;font-size:.5rem;margin:20px 0;position:relative;text-align:center;z-index:-10}.chat-date-separator span{background:#f9fafb;padding:0 10px;position:relative;z-index:1}.chat-date-separator:before{background:linear-gradient(90deg,#0000,#ddd,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}}.file-preview-container{display:flex;flex-direction:column;gap:.5rem;max-width:100%;transition:all .3s ease}.file-preview-container:fullscreen{align-items:center;background:#000000e6;display:flex;justify-content:center;padding:20px}.file-preview-container:fullscreen .image-preview-wrapper,.file-preview-container:fullscreen .pdf-preview-wrapper,.file-preview-container:fullscreen .video-preview-wrapper{align-items:center;border:none;border-radius:0;display:flex;height:100%;justify-content:center;max-height:100%;max-width:100%;width:100%}.file-preview-container:fullscreen .file-preview-image,.file-preview-container:fullscreen .file-preview-video{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.file-preview-container:fullscreen .file-preview-pdf{height:100%;max-height:100%;max-width:100%;width:100%}.file-preview-container:fullscreen .pdf-preview-header{display:none}.file-preview-container .image-preview-wrapper,.file-preview-container .pdf-preview-wrapper,.file-preview-container .video-preview-wrapper{border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;position:relative;width:100%}.file-preview-container .image-preview-wrapper .file-preview-clear,.file-preview-container .pdf-preview-wrapper .file-preview-clear,.file-preview-container .video-preview-wrapper .file-preview-clear{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:6px;position:absolute;right:8px;top:8px;transition:opacity .2s;z-index:2}.file-preview-container .image-preview-wrapper .file-preview-clear:hover,.file-preview-container .pdf-preview-wrapper .file-preview-clear:hover,.file-preview-container .video-preview-wrapper .file-preview-clear:hover{opacity:.9}.file-preview-container .image-preview-wrapper .file-preview-fullscreen,.file-preview-container .pdf-preview-wrapper .file-preview-fullscreen,.file-preview-container .video-preview-wrapper .file-preview-fullscreen{align-items:center;background:#fff;border:none;border-radius:4px;bottom:0;box-sizing:border-box;color:#0d0e0d;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;position:absolute;right:10px;transition:all .2s ease;width:32px;z-index:2}.file-preview-container .image-preview-wrapper .file-preview-fullscreen:hover,.file-preview-container .pdf-preview-wrapper .file-preview-fullscreen:hover,.file-preview-container .video-preview-wrapper .file-preview-fullscreen:hover{background:#0000001a;opacity:.9}.file-preview-container .image-preview-wrapper .file-preview-fullscreen svg,.file-preview-container .pdf-preview-wrapper .file-preview-fullscreen svg,.file-preview-container .video-preview-wrapper .file-preview-fullscreen svg{height:20px;width:20px}.file-preview-container .pdf-preview-wrapper .pdf-preview-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #e5e5e5;display:flex;padding:12px}.file-preview-container .pdf-preview-wrapper .pdf-preview-header .pdf-icon{color:#e74c3c;font-size:24px;margin-right:12px}.file-preview-container .pdf-preview-wrapper .pdf-preview-header .pdf-info .pdf-filename{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-container .file-preview-image{cursor:pointer;max-height:400px;object-fit:contain;width:100%}.file-preview-container .file-preview-video{background:#000;cursor:pointer;max-height:400px;width:100%}.file-preview-container .file-preview-pdf{border:none;cursor:pointer;height:300px;width:100%}.file-preview-container .generic-file-preview{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:8px;padding:12px;position:relative}@media screen and (max-width:768px){.file-preview-container{height:auto;max-height:100%;padding:1rem;width:300px}.file-preview-container .image-preview-wrapper,.file-preview-container .pdf-preview-wrapper,.file-preview-container .video-preview-wrapper{height:auto;max-height:60vh;width:105%}.file-preview-container .file-preview-image,.file-preview-container .file-preview-video{max-height:60vh;object-fit:contain}.file-preview-container .file-preview-pdf{height:auto;max-height:60vh}}:root{--entete:#fff;--colon-black-color:#000;--entete-color:#f9fafb;--wrapper-color:#bcd6fd}body.dark-mode{--menu-bg:#1e1e1e;--entete:#333;--colon-black-color:#000;--entete-color:#000;--wrapper-color:#1e1e1e}body,html{display:flex;height:100%;margin-top:-20px;padding:-90rem 0 0;top:0}#root{display:block}#root,.chat-page{flex-direction:column}.chat-page{background-color:#f9fafb;display:flex;font-family:Segoe UI,sans-serif;height:100%;left:0;margin-top:3rem;overflow-x:hidden;overflow-y:auto;padding-bottom:35px;position:fixed;top:0;width:100%;z-index:0}.chat-header{background-color:#2b2e2e;border-bottom:1px solid #ddd;color:#fff;flex-shrink:0;font-size:6px;font-weight:700;padding:.01rem;position:relative;text-align:center;z-index:10}.chat-entete{background-color:#f9fafb;background-color:var(--entete-color)}.chat-body,.chat-entete{color:#000;color:var(--text-color)}.chat-body{background-color:#fff;background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:1rem;z-index:-1}.scroll-to-bottom-button{align-items:center;background:#000;background:var(--text-color);border:1px solid #ddd;border-radius:8px;bottom:100px;box-shadow:0 2px 5px #0000001a;color:#000;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:50%;position:fixed;transform:translateX(-50%);transition:all .2s ease;width:40px;z-index:1005!important}.scroll-to-bottom-button:hover{background:#f0f0f0}.chat-input{background:#fff;background:var(--bg-color);border-top:1px solid #eee;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.chat-input .input-row{align-items:flex-end;display:flex;width:100%}.chat-input .input-wrapper{background:#bcd6fd;background:var(--wrapper-color);border-radius:24px;flex:1 1;margin-bottom:10px;padding:.6rem 1rem}.chat-input .input-wrapper .chat-textarea{background:#0000;border:none;color:#000;color:var(--text-color);font-size:1rem;line-height:1.4;max-height:120px;outline:none;padding:0;resize:none;width:100%}.button-group{display:flex;gap:.4rem;margin-bottom:10px;margin-left:1.5rem}.button-group input[type=file]{display:none}.button-group .paperclip{border-radius:50%;color:#000;color:var(--text-color);cursor:pointer;font-size:.4rem;margin-top:5px;padding:.4rem;transition:background .2s ease}.button-group .paperclip:hover{background:#0881721a}.button-group .send-button{align-items:center;background:#c6f7e2;border:none;border-radius:50%;cursor:pointer;display:inline-flex;height:36px;justify-content:center;line-height:0;margin:0 10px 0 0;padding:0;transition:background .2s ease;width:36px}.button-group .send-button svg{fill:currentColor;color:#000;display:block;height:18px;margin:auto;width:18px}.reply-preview{background:#f1f1f1;border-left:4px solid #a5a9ad;border-radius:5px;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.reply-preview .reply-info{display:block;flex:1 1;min-width:0}.reply-preview .reply-header{color:#222;cursor:pointer;display:block;font-weight:700;margin-bottom:.25rem;max-width:100%;outline:1px solid red;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview .reply-text{color:#555;font-size:14px;font-style:italic;overflow-wrap:break-word;padding-left:2px;word-break:break-word}.reply-preview .cancel-reply{background:none;border:none;color:#888;cursor:pointer;flex-shrink:0}.highlight{background-color:#fff9c4;transition:background-color 2s ease}@keyframes highlightFlash{0%{background-color:#ff0}to{background-color:#0000}}@media(max-width:1024px){.chat-page{margin-top:2rem;padding-bottom:30px}.chat-body{padding:.8rem}.chat-input{padding:.4rem}.chat-input .input-wrapper{padding:.5rem .8rem}.chat-input .chat-textarea{font-size:.95rem}.scroll-to-bottom-button{bottom:80px;height:36px;width:36px}}@media(max-width:768px){.chat-header{font-size:10px;padding:.4rem}.chat-body{padding:.6rem}.chat-input{flex-direction:column;gap:.4rem}.chat-input .input-wrapper{margin-bottom:8px}.chat-input .button-group{justify-content:flex-end;margin-left:0}.chat-input .send-button{height:32px;width:32px}.reply-preview{font-size:13px;padding:.4rem}.reply-preview .reply-text{font-size:13px}.reply-preview .reply-header{font-size:14px}}@media(max-width:480px){.chat-page{margin-top:1.5rem}.chat-header{font-size:9px}.chat-input{padding:.3rem}.chat-input .input-wrapper{padding:.4rem .6rem}.chat-input .chat-textarea{font-size:.9rem}.send-button{height:30px;width:30px}.send-button svg{height:16px;width:16px}.scroll-to-bottom-button{bottom:70px;height:34px;width:34px}.chat-header{font-size:12px;padding:.6rem;text-align:center}}.form-header{margin-bottom:2rem}.form-header p{margin:.25rem 0}.form-header strong{color:var(--text-primary)}:root{--light-color:#fff;--dark-color:#212529;--text-color:#212529;--background-color:#f9f9f9;--shadow:0 4px 6px #00000014;--transition:all 0.3s ease}body.dark-mode{--primary-color:#4361ee;--secondary-color:#3f37c9;--light-color:#2a2b2e;--dark-color:#f1f1f1;--border-color:#444;--text-color:#f1f1f1;--background-color:#1e1e1e;--card-bg:#2a2b2e;--shadow:0 4px 6px #0006}.form-builder{background:#f9f9f9;background:var(--background-color);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:-36rem;overflow:hidden;padding:2rem 5vw;width:100%;z-index:100}.form-builder .form-container{background:#fff;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 6px #00000014;box-shadow:var(--shadow);margin:0 auto;max-width:1500px;padding:3rem 2rem}.form-builder h1{color:#212529;color:var(--text-color);font-size:2rem;font-weight:600;text-align:center}.form-builder h1,.form-title{margin-bottom:2rem}.form-title label{display:block;font-weight:500;margin-bottom:.5rem}.form-title input,.form-title label{color:#212529;color:var(--text-color)}.form-title input{background:#fff;background:var(--light-color);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.form-title input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee33;outline:none}.form-title input::placeholder{color:#999}.question-card{background:#fff;background:var(--card-bg);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease;transition:var(--transition)}.question-card:hover{box-shadow:0 4px 6px #00000014;box-shadow:var(--shadow);transform:translateY(-2px)}.question-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.question-header .question-number{background:#4361ee1a;border-radius:20px;color:#4361ee;color:var(--primary-color);font-size:.9rem;font-weight:600;padding:.25rem .75rem}.question-header select{background:#fff;background:var(--light-color);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:6px;color:#212529;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem;transition:all .3s ease;transition:var(--transition)}.question-header select:focus{border-color:#4361ee;border-color:var(--primary-color);outline:none}.question-actions{display:flex;gap:.5rem;margin-left:auto}.question-actions button{align-items:center;background:#fff;background:var(--light-color);border:none;border-radius:6px;color:#212529;color:var(--text-color);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:32px}.question-actions button:hover{background:#4361ee1a;color:#4361ee;color:var(--primary-color);transform:scale(1.1)}.question-actions button:disabled{cursor:not-allowed;opacity:.4;transform:none}.question-actions button.delete-btn{color:#f72585;color:var(--danger-color)}.question-actions button.delete-btn:hover{background:#f725851a}.question-text{background:#fff;background:var(--light-color);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;color:#212529;color:var(--text-color);font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.question-text:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee33;outline:none}.question-text::placeholder{color:#aaa}.question-preview{background:#fff;background:var(--light-color);border:2px dashed #4361ee4d;border-radius:8px;margin-top:1rem;padding:1.5rem}.question-preview input,.question-preview select,.question-preview textarea{background:#fff;background:var(--card-bg);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;color:#212529;color:var(--text-color);margin-bottom:.75rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.question-preview input:focus,.question-preview select:focus,.question-preview textarea:focus{border-color:#4361ee;border-color:var(--primary-color);outline:none}.question-preview input:disabled,.question-preview select:disabled,.question-preview textarea:disabled{background:#e0e0e0;cursor:not-allowed}.question-preview textarea{min-height:100px;resize:vertical}.question-preview .options-container .option{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.question-preview .options-container .option input[type=radio]{margin:0;transform:translateY(1px)}.question-preview .options-container .option label,.question-preview .options-container .option p,.question-preview .options-container .option span{line-height:1.2;margin:0}.question-preview .options-container .option .remove-option{background:#0000;border:none;color:red;cursor:pointer;font-size:1rem}.question-preview .options-container .add-option{background:none;border:none;color:#4361ee;color:var(--primary-color);cursor:pointer;font-weight:500;margin-top:.5rem}.question-preview .options-container .add-option:hover{text-decoration:underline}.dropdown-add-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.dropdown-add-group .question-type-selector{background:#fff;background:var(--bg-color,#fff);border:2px solid #dee2e6;border:2px solid var(--border-color,#dee2e6);border-radius:8px;color:#212529;color:var(--text-color,#000);font-size:1rem;padding:.75rem}.add-question-buttons{display:block;margin-bottom:2.5rem;position:relative}.add-question-buttons h3{color:#212529;color:var(--text-color);font-weight:100;margin-bottom:1rem}.add-question-buttons .button-group{display:flex;flex-wrap:wrap;gap:.75rem}.add-question-buttons .button-group button{background:#4361ee1a;border:none;border-radius:8px;color:#4361ee;color:var(--primary-color);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .3s ease;transition:var(--transition)}.add-question-buttons .button-group button:hover{background:#4361ee33;transform:translateY(-2px)}.add-question-buttons .button-group button.type-textarea{background:#4cc9f01a;color:#4cc9f0}.add-question-buttons .button-group button.type-number{background:#f8961e1a;color:#f8961e}.add-question-buttons .button-group button.type-email{background:#7209b71a;color:#7209b7}.add-question-buttons .button-group button.type-select{background:#4895ef1a;color:#4895ef}.add-question-buttons .button-group button.type-radio{background:#4361ee1a;color:#4361ee}.add-question-buttons .button-group button.type-checkbox{background:#f725851a;color:#f72585}.submit-form{background:#4361ee;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 6px #00000014;box-shadow:var(--shadow);color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:-3px 0 2rem;max-width:300px;padding:1rem 2rem;text-align:center;transition:all .3s ease;transition:var(--transition);width:100%}.submit-form:hover{background:#3f37c9;background:var(--secondary-color);transform:translateY(-2px)}.submit-form:active{transform:scale(.98)}.submit-form:disabled{background:#cfd7fb;box-shadow:none;cursor:not-allowed;transform:none}.loading-message{color:#212529;color:var(--text-color);font-size:1.2rem;padding:2rem;text-align:center}.cancel-form{background:red;border:none;border-radius:8px;box-shadow:0 4px 6px #00000014;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:-5.3rem 0 2rem;max-width:300px;padding:1rem 2rem;text-align:center;transform:translateX(30rem);transition:all .3s ease;transition:var(--transition);width:100%}.form-fill-container{background:#f9f9f9;background:var(--background-color);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:-36rem;overflow:hidden;padding:2rem 5vw;width:100%;z-index:100}.form-fill-container .submit-button{margin-top:10rem;width:300px}.form-fill-container .cancel-form{margin-top:-4rem}.form-fill-container .form-question{top:-10rem}:root{--primary:#4361ee;--primary-rgb:67,97,238;--primary-dark:#3a56d4;--success:#4cc9f0;--warning:#f8961e;--danger:red;--muted:#adb5bd;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-hover:#e9ecef;--men-bg:#000;--text-primary:#212529;--text-tertiary:#6c757d;--pro-color:#dee2e6;--entet:#000;--border-color:#dee2e6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:0.25rem;--radius-md:0.5rem;--text-secondary:#495057;--radius-lg:0.75rem;--radius-full:9999px;--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.5s}[data-theme=dark]{--bg-primary:#121212;--bg-hover:#2e2e2e;--text-primary:#f8f9fa;--text-secondary:#e9ecef;--text-tertiary:#dee2e6;--border-color:#343a40}body.dark-mode{--bg-primary:#2b2929;--text-primary:#fff;--men-bg:#999;--entet:#fff;--pro-color:#000;--bg-secondary:#1e1e1e}#root body,#root html,body body,body html,html body,html html{height:auto;overflow-y:auto}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-manager{background-color:#fff;background-color:var(--bg-primary);color:#212529;color:var(--text-primary);display:flex;flex-direction:column;width:100%}.form-manager .manager-header{align-items:center;background-color:#dee2e6;background-color:var(--pro-color);border-bottom:1px solid #fff;border-bottom:1px solid var(--bg-primary);display:flex;justify-content:space-between;padding:1.5rem 2rem}.form-manager .manager-header .header-left{align-items:center;display:flex;gap:2rem}.form-manager .manager-header .header-left h2{font-size:1.75rem;font-weight:600;margin:0}.form-manager .manager-header .header-left .view-toggle{display:flex;gap:.5rem}.form-manager .manager-header .header-left .view-toggle button{background:#0000;border:1px solid #000;border:1px solid var(--entet);border-radius:4px;color:#495057;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.form-manager .manager-header .header-left .view-toggle button.active{background-color:#4361ee;background-color:var(--primary);border-color:#4361ee;border-color:var(--primary);color:#fff}.form-manager .manager-header .header-left .view-toggle button:hover:not(.active){background-color:#e9ecef;background-color:var(--bg-hover)}.form-manager .manager-header .header-right{align-items:center;display:flex;gap:1.5rem}.form-manager .manager-header .header-right .search-bar{position:relative}.form-manager .manager-header .header-right .search-bar input{background-color:#fff;background-color:var(--bg-primary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:30px;color:#212529;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:300px}.form-manager .manager-header .header-right .search-bar input:focus{border-color:#4361ee;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee33;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.form-manager .manager-header .header-right .search-bar svg{color:#495057;color:var(--text-secondary);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.form-manager .manager-header .header-right .btn-primary{align-items:center;background-color:#4361ee;background-color:var(--primary);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.form-manager .manager-header .header-right .btn-primary:hover{background-color:#3a56d4;background-color:var(--primary-dark)}.form-manager .manager-content{display:flex;flex:1 1;overflow:hidden}.form-manager .manager-content .activity-sidebar{background-color:#fff;background-color:var(--bg-primary);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);overflow-y:auto;width:300px}.form-manager .manager-content .forms-container{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.form-manager .manager-content .forms-container .form-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.form-manager .manager-content .forms-container .form-tabs button{background:#0000;border:none;border-bottom:2px solid #0000;color:#000;color:var(--men-bg);cursor:pointer;font-weight:500;padding:.5rem 1.5rem;transition:all .2s}.form-manager .manager-content .forms-container .form-tabs button.active{border-bottom-color:#4361ee;border-bottom-color:var(--primary);color:#4361ee;color:var(--primary)}.form-manager .manager-content .forms-container .form-tabs button:hover:not(.active){color:#212529;color:var(--text-primary)}.form-manager .manager-content .forms-container .responses-list{background-color:#fff;background-color:var(--bg-primary);color:#000;color:var(--entet)}.form-manager .manager-content .forms-container .loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center}.form-manager .manager-content .forms-container .loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #dee2e6;border-top-color:#4361ee;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.form-manager .manager-content .forms-container .loading-state p{color:#495057;color:var(--text-secondary)}.form-manager .manager-content .forms-container .empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center;text-align:center}.form-manager .manager-content .forms-container .empty-state img{margin-bottom:1rem;opacity:.7;width:150px}.form-manager .manager-content .forms-container .empty-state h3{color:#212529;color:var(--text-primary);font-size:1.5rem;margin:0}.form-manager .manager-content .forms-container .empty-state p{color:#495057;color:var(--text-secondary);margin:0;max-width:400px}.form-manager .manager-content .forms-container .empty-state .btn-primary{align-items:center;background-color:#4361ee;background-color:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.form-manager .manager-content .forms-container .empty-state .btn-primary:hover{background-color:#3a56d4;background-color:var(--primary-dark)}.form-manager .manager-content .forms-container .forms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-manager .manager-content .forms-container .forms-grid .form-card{background-color:#f8f9fa;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.form-manager .manager-content .forms-container .forms-grid .form-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.form-manager .manager-content .forms-container .forms-grid .form-card .card-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.form-manager .manager-content .forms-container .forms-grid .form-card .card-header h3{font-size:1.1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-manager .manager-content .forms-container .forms-grid .form-card .card-header .form-status{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.form-manager .manager-content .forms-container .forms-grid .form-card .card-body{flex:1 1;padding:1.25rem 1.5rem}.form-manager .manager-content .forms-container .forms-grid .form-card .card-body .form-description{-webkit-box-orient:vertical;color:#000;color:var(--men-bg);display:-webkit-box;margin:0 0 1rem;overflow:hidden}.form-manager .manager-content .forms-container .forms-grid .form-card .card-body .form-stats{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.form-manager .manager-content .forms-container .forms-grid .form-card .card-body .form-stats .stat-item{align-items:center;color:#000;color:var(--entet);display:flex;font-size:.9rem;gap:.75rem}.form-manager .manager-content .forms-container .forms-grid .form-card .card-body .form-stats .stat-item svg{color:#000;color:var(--entet)}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions{align-items:center;border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .btn-secondary{background-color:#fff;background-color:var(--bg-primary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;color:#212529;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .btn-secondary:hover{background-color:#dee2e6;background-color:var(--pro-color)}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions{position:relative}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions .btn-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:#212529;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions .dropdown-menu{background-color:#fff;background-color:var(--bg-primary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a;display:none;margin-top:-16.5rem;min-width:180px;padding:.5rem 0;position:absolute;right:2rem;z-index:10}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions .dropdown-menu button{align-items:center;background:none;border:none;color:#212529;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 1rem;text-align:left;width:100%}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions .dropdown-menu button:hover{background-color:#e9ecef;background-color:var(--bg-hover);color:#000;color:var(--entet)}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions .dropdown-menu button svg{color:#000;color:var(--entet);width:16px}.form-manager .manager-content .forms-container .forms-grid .form-card .card-actions .dropdown-actions:hover .dropdown-menu{display:block}.form-manager .manager-content .forms-container .form-builder{z-index:100}.form-manager .manager-content .forms-container .forms-list{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:visible!important;position:relative}.form-manager .manager-content .forms-container .forms-list .list-header{background-color:#dee2e6;background-color:var(--pro-color);font-weight:500}.form-manager .manager-content .forms-container .forms-list .form-list-item,.form-manager .manager-content .forms-container .forms-list .list-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:1rem 1.5rem}.form-manager .manager-content .forms-container .forms-list .form-list-item{align-items:center;background-color:#f8f9fa;background-color:var(--bg-secondary);position:relative;transition:all .2s;z-index:1}.form-manager .manager-content .forms-container .forms-list .form-list-item:hover{background-color:#dee2e6;background-color:var(--pro-color)}.form-manager .manager-content .forms-container .forms-list .form-list-item:last-child{border-bottom:none}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-title h4{font-size:1rem;margin:0}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-title .description{color:#000;color:var(--men-bg);font-size:.85rem;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-status{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-responses{font-weight:500}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-activity{color:#000;color:var(--men-bg);font-size:.9rem}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions{display:flex;gap:.5rem}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .btn-secondary{background-color:#fff;background-color:var(--bg-primary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;color:#212529;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:all .2s}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .btn-secondary:hover{background-color:#f8f9fa;background-color:var(--bg-secondary)}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions{position:relative;z-index:2}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions .btn-icon{align-items:center;background:#0000;border:none;border-radius:4px;color:#000;color:var(--entet);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions .dropdown-menu{background-color:#fff;background-color:var(--bg-primary);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000001a;display:none;margin-bottom:-2rem;min-width:180px;padding:.5rem 0;position:absolute;right:2rem;z-index:99}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions .dropdown-menu button{align-items:center;background:none;border:none;color:#212529;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem 1rem;text-align:left;width:100%}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions .dropdown-menu button:hover{background-color:#dee2e6;background-color:var(--pro-color)}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions .dropdown-menu button svg{color:#000;color:var(--entet);width:16px}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions .dropdown-menu button:hover svg{color:#000;color:var(--entet)}.form-manager .manager-content .forms-container .forms-list .form-list-item .item-actions .dropdown-actions:hover .dropdown-menu{display:block}.form-description{color:#dee2e6;color:var(--pro-color);font-size:1rem;margin-bottom:1rem;white-space:pre-line}:root{--text-color:#000;--icon-color:#000;--menu-bg:#fff;--menu-text:#fff;--entete:#555;--prog-color:#fff}body.dark-mode{--text-color:#fff;--icon-color:#fff;--menu-bg:#666;--menu-text:#fff;--entete:#fff;--prog-color:#666}.group-list h2{color:#000;color:var(--text-color)}.group-page{background-color:#f5f5f5;box-sizing:border-box;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden;padding-top:70px;width:100%}.group-page.fullscreen{align-items:center;background-color:#fff;background-color:var(--bg-color);justify-content:center}.group-page.fullscreen .entry-buttons{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.group-page.fullscreen .entry-buttons button{align-items:center;background-color:#fff;background-color:var(--prog-color);border:none;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;height:140px;justify-content:center;padding:1rem;transition:all .25s ease;width:140px}.group-page.fullscreen .entry-buttons button svg{color:#000;color:var(--icon-color);font-size:2rem;margin-bottom:.6rem}.group-page.fullscreen .entry-buttons button span{color:#000;color:var(--text-color);margin-top:.25rem}.group-page.fullscreen .entry-buttons button:hover{box-shadow:0 6px 18px #00000026;transform:translateY(-5px)}.group-page.fullscreen .entry-buttons button:active{transform:translateY(-2px)}.group-page .group-content{background-color:#fff;flex:1 1;height:100%;overflow:auto;padding:1rem;width:100%}.group-page .error-message{background-color:#ffe0e0;border:1px solid #e44;border-radius:8px;color:#a00;margin:1rem auto;padding:1rem;text-align:center}.group-page .error-message p{margin:0}.parametre-sidebar li.active{color:#000;color:var(--icon-color);font-weight:700;position:relative}.parametre-sidebar li.active:before{background:#000;background:var(--icon-color);border-radius:4px;content:"";display:block;height:24px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.panel.ventes.alt{background:#f8fafc;border-radius:12px;box-shadow:0 2px 12px #00000012;margin:2rem 0;padding:2rem}.panel.ventes.alt h2{align-items:center;color:#2d3748;display:flex;font-size:2rem;font-weight:700;gap:.7rem;margin-bottom:1.5rem}.panel.ventes.alt .statistiques{display:flex;gap:2rem;margin-bottom:2rem}.panel.ventes.alt .statistiques .stat-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;min-width:180px;padding:1rem 1.5rem}.panel.ventes.alt .statistiques .stat-item span{color:#718096;font-size:1rem;margin-bottom:.3rem}.panel.ventes.alt .statistiques .stat-item strong{color:#2b6cb0;font-size:1.3rem;font-weight:600}.panel.ventes.alt .ventes-content{display:flex;flex-wrap:wrap;gap:2rem}.panel.ventes.alt .ventes-content .form-container{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;flex:1 1 320px;min-width:320px;padding:1.5rem}.panel.ventes.alt .ventes-content .form-container h3{align-items:center;color:#2b6cb0;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.panel.ventes.alt .ventes-content .form-container .form-group,.panel.ventes.alt .ventes-content .form-container .form-row{margin-bottom:1rem}.panel.ventes.alt .ventes-content .form-container .form-group label,.panel.ventes.alt .ventes-content .form-container .form-row label{color:#4a5568;display:block;font-size:.95rem;margin-bottom:.3rem}.panel.ventes.alt .ventes-content .form-container .form-group input,.panel.ventes.alt .ventes-content .form-container .form-group select,.panel.ventes.alt .ventes-content .form-container .form-row input,.panel.ventes.alt .ventes-content .form-container .form-row select{background:#f7fafc;border:1px solid #cbd5e0;border-radius:5px;font-size:1rem;margin-top:.2rem;padding:.5rem;transition:border .2s;width:100%}.panel.ventes.alt .ventes-content .form-container .form-group input:focus,.panel.ventes.alt .ventes-content .form-container .form-group select:focus,.panel.ventes.alt .ventes-content .form-container .form-row input:focus,.panel.ventes.alt .ventes-content .form-container .form-row select:focus{border-color:#2b6cb0;outline:none}.panel.ventes.alt .ventes-content .form-container .form-row{display:flex;gap:1rem}.panel.ventes.alt .ventes-content .form-container .form-row .form-group{flex:1 1}.panel.ventes.alt .ventes-content .form-container .btn-primary{align-items:center;background:#2b6cb0;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.7rem 1.2rem;transition:background .2s}.panel.ventes.alt .ventes-content .form-container .btn-primary:hover{background:#2563eb}.panel.ventes.alt .ventes-content .form-container .controls{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.panel.ventes.alt .ventes-content .form-container .controls .search-box{align-items:center;background:#edf2f7;border-radius:6px;display:flex;padding:.4rem .8rem}.panel.ventes.alt .ventes-content .form-container .controls .search-box input{background:#0000;border:none;font-size:1rem;margin-left:.5rem;width:100%}.panel.ventes.alt .ventes-content .form-container .controls .search-box input:focus{outline:none}.panel.ventes.alt .ventes-content .form-container .controls .search-box .search-icon{color:#2b6cb0;font-size:1.1rem}.panel.ventes.alt .ventes-content .form-container .controls .sort-controls{align-items:center;display:flex;gap:1rem;margin-top:-20rem;transform:translateX(30rem)}.panel.ventes.alt .ventes-content .form-container .controls .sort-controls label{white-space:nowrap}.panel.ventes.alt .ventes-content .form-container .controls .sort-controls select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);cursor:pointer;padding:.75rem}.panel.ventes.alt .ventes-content .form-container .controls .sort-controls select:focus{border-color:var(--primary-color);outline:none}.panel.ventes.alt .ventes-content .table-container{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;flex:2 1 500px;margin:1.9rem;overflow-x:auto;padding:1.5rem}.panel.ventes.alt .ventes-content .table-container .ventes-table{border-collapse:collapse;margin-top:2rem;width:100%}.panel.ventes.alt .ventes-content .table-container .ventes-table td,.panel.ventes.alt .ventes-content .table-container .ventes-table th{padding:.7rem .5rem;text-align:left}.panel.ventes.alt .ventes-content .table-container .ventes-table th{background:#f1f5f9;color:#2b6cb0;font-size:1rem;font-weight:600}.panel.ventes.alt .ventes-content .table-container .ventes-table tr{border-bottom:1px solid #e2e8f0}.panel.ventes.alt .ventes-content .table-container .ventes-table td{color:#2d3748;font-size:1rem}.panel.ventes.alt .ventes-content .table-container .ventes-table .actions{display:flex;gap:.5rem}.panel.ventes.alt .ventes-content .table-container .ventes-table .actions button{background:#e53e3e;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.4rem .7rem;transition:background .2s}.panel.ventes.alt .ventes-content .table-container .ventes-table .actions button:hover{background:#c53030}.panel.ventes.alt .ventes-content .table-container .ventes-table .no-results td{color:#718096;font-style:italic;text-align:center}.panel.ventes.alt .ventes-content .table-container .loading{align-items:center;color:#2b6cb0;display:flex;gap:1rem}.panel.ventes.alt .ventes-content .table-container .loading .spinner{animation:spin 1s linear infinite}.panel.ventes.alt .alert.error{align-items:center;background:#fed7d7;border-radius:6px;color:#c53030;display:flex;font-size:1rem;gap:1rem;margin-top:1.5rem;padding:1rem 1.5rem}.panel.ventes.alt .alert.error button{background:none;border:none;color:#c53030;cursor:pointer;font-size:1.2rem;margin-left:auto}.panel.ventes.alt .alert.error svg{font-size:1.3rem}:root{--primary:#007bff;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--text:#333;--bg:#fff;--border:#ddd;--muted:#6c757d;--radius:8px;--transition:0.3s ease}.panel.depenses{background:#fff;background:var(--bg);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 6px #00000014;color:#333;color:var(--text);margin:auto;max-width:1200px;padding:2rem}.panel.depenses h2{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1.5rem}.panel.depenses .statistiques{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.panel.depenses .statistiques .stat-item{background:#f8f9fa;background:var(--light);border:1px solid #ddd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);flex:1 1;min-width:200px;padding:1rem;text-align:center}.panel.depenses .statistiques .stat-item span{color:#6c757d;color:var(--muted);font-size:.9rem}.panel.depenses .statistiques .stat-item strong{display:block;font-size:1.4rem;margin-top:.5rem}.panel.depenses .depenses-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}@media(max-width:960px){.panel.depenses .depenses-content{grid-template-columns:1fr}}.panel.depenses .depenses-content .form-container{background:#f8f9fa;background:var(--light);border:1px solid #ddd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:1.5rem}.panel.depenses .depenses-content .form-container form h3{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.panel.depenses .depenses-content .form-container form .form-group{margin-bottom:1rem}.panel.depenses .depenses-content .form-container form .form-group label{display:block;font-weight:500;margin-bottom:.25rem}.panel.depenses .depenses-content .form-container form .form-group input,.panel.depenses .depenses-content .form-container form .form-group select{border:1px solid #ddd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:.5rem;transition:.3s ease;transition:var(--transition);width:100%}.panel.depenses .depenses-content .form-container form .form-group input:focus,.panel.depenses .depenses-content .form-container form .form-group select:focus{border-color:#007bff;border-color:var(--primary);box-shadow:0 0 0 3px #007bff33;outline:none}.panel.depenses .depenses-content .form-container form .form-row{display:flex;gap:1rem}.panel.depenses .depenses-content .form-container form .form-row .form-group{flex:1 1}.panel.depenses .depenses-content .form-container form .btn-primary{align-items:center;background:#007bff;background:var(--primary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.panel.depenses .depenses-content .form-container .controls{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.panel.depenses .depenses-content .form-container .controls .search-box{display:flex;margin-left:-10px;margin-right:20px;position:relative;transform:translateY(-445px)}.panel.depenses .depenses-content .form-container .controls .search-box .search-icon{color:#6c757d;color:var(--muted);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.panel.depenses .depenses-content .form-container .controls .search-box input{border:1px solid #ddd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:.5rem .5rem .5rem 2.5rem;width:100%}.panel.depenses .depenses-content .form-container .controls .sort-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.panel.depenses .depenses-content .form-container .controls .sort-controls label{font-weight:500}.panel.depenses .depenses-content .form-container .controls .sort-controls select{border:1px solid #ddd;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:.2rem .4rem}.panel.depenses .depenses-content .table-container{overflow-x:auto}.panel.depenses .depenses-content .table-container table.depenses-table{border:1px solid #ddd;border:1px solid var(--border);border-collapse:collapse;border-radius:8px;border-radius:var(--radius);overflow:hidden;width:100%}.panel.depenses .depenses-content .table-container table.depenses-table thead{background:#343a40;background:var(--dark);color:#fff}.panel.depenses .depenses-content .table-container table.depenses-table thead th{padding:.75rem;text-align:left}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr:nth-child(2n){background:#f9f9f9}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr td{padding:.75rem;vertical-align:middle}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr .actions{display:flex;gap:.5rem}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr .actions button{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.3rem .5rem}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr .actions button.btn-edit{background:#007bff;background:var(--primary);color:#fff}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr .actions button.btn-danger{background:#dc3545;background:var(--danger);color:#fff}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr .actions button.btn-success{background:#28a745;background:var(--success);color:#fff}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr .actions button.btn-warning{background:#ffc107;background:var(--warning);color:#fff}.panel.depenses .depenses-content .table-container table.depenses-table tbody tr.no-results td{color:#6c757d;color:var(--muted);font-style:italic;text-align:center}.panel.depenses .depenses-content .table-container .loading{padding:2rem;text-align:center}.panel.depenses .depenses-content .table-container .loading .spinner{animation:spin 1s linear infinite;color:#007bff;color:var(--primary);font-size:2rem}.panel.depenses .depenses-content .table-container .loading p{color:#6c757d;color:var(--muted);margin-top:.5rem}.panel.depenses .alert.error{align-items:center;background:#f8d7da;border:1px solid #f5c2c7;border-radius:8px;border-radius:var(--radius);color:#842029;display:flex;gap:1rem;margin-top:2rem;padding:1rem}.panel.depenses .alert.error button{background:#0000;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:auto}.panel.depenses.alt{background:#f0f4f8;border:2px dashed #007bff;border:2px dashed var(--primary)}.panel.depenses.alt h2{color:#007bff;color:var(--primary)}.panel.depenses.alt .statistiques .stat-item{background:#fff3cd;border-color:#ffeeba}.panel.depenses.alt .form-container{background:#fff}.panel.depenses.alt .form-container .btn-primary{background:#28a745;background:var(--success)}.panel.depenses.alt .table-container{margin-top:2rem}.panel.depenses.alt .table-container table thead{background:#007bff;background:var(--primary)}.panel.marges{background:#fff;border-radius:.5rem;box-shadow:0 .15rem 1.75rem 0 #3a3b451a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:2rem;padding:2rem}.panel.marges .panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.panel.marges .panel-header .panel-title{align-items:center;display:flex;gap:.75rem}.panel.marges .panel-header .panel-title .title-icon{color:#4e73df;font-size:1.75rem}.panel.marges .panel-header .panel-title h2{color:#2e59d9;font-size:1.75rem;font-weight:600;margin:0}.panel.marges .panel-header .filtres{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.panel.marges .panel-header .filtres .filtre-group{align-items:center;display:flex;gap:.75rem}.panel.marges .panel-header .filtres .filtre-group label{align-items:center;color:#5a5c69;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.panel.marges .panel-header .filtres .filtre-group label .calendar-icon,.panel.marges .panel-header .filtres .filtre-group label .filter-icon{color:#6c757d;font-size:1rem}.panel.marges .panel-header .filtres .filtre-group select{background-color:#fff;border:1px solid #d1d3e2;border-radius:.5rem;color:#5a5c69;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:all .3s ease}.panel.marges .panel-header .filtres .filtre-group select:hover{border-color:#aab7d1}.panel.marges .panel-header .filtres .filtre-group select:focus{border-color:#4e73df;box-shadow:0 0 0 .2rem #4e73df40;outline:none}.panel.marges .loading-state{align-items:center;color:#5a5c69;display:flex;flex-direction:column;justify-content:center;padding:3rem}.panel.marges .loading-state .spinner{animation:spin 1s linear infinite;color:#4e73df;font-size:2.5rem;margin-bottom:1.5rem}.panel.marges .loading-state p{font-size:1.1rem;margin:0}.panel.marges .error-state{align-items:center;background-color:#f8d7da;border-radius:.5rem;color:#721c24;display:flex;gap:1rem;margin:1rem 0;padding:1.5rem}.panel.marges .error-state .error-icon{flex-shrink:0;font-size:1.5rem}.panel.marges .error-state p{font-weight:500;margin:0}.panel.marges .financial-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2.5rem}.panel.marges .financial-cards .financial-card{background-color:#fff;border:1px solid #e3e6f0;border-radius:.75rem;box-shadow:0 .15rem 1.75rem 0 #3a3b451a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.panel.marges .financial-cards .financial-card:hover{box-shadow:0 .5rem 2rem 0 #3a3b4526;transform:translateY(-5px)}.panel.marges .financial-cards .financial-card.highlight{background-color:#f8f9fc;border-left:.5rem solid #1cc88a}.panel.marges .financial-cards .financial-card .card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.panel.marges .financial-cards .financial-card .card-header .card-icon{color:#6c757d;font-size:1.5rem}.panel.marges .financial-cards .financial-card .card-header h3{color:#5a5c69;font-size:1.25rem;font-weight:600;margin:0}.panel.marges .financial-cards .financial-card .card-value{color:#2e59d9;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.panel.marges .financial-cards .financial-card .card-detail{align-items:center;border-top:1px solid #e3e6f0;color:#6c757d;display:flex;font-size:.95rem;gap:.5rem;padding-top:.75rem}.panel.marges .financial-cards .financial-card .card-detail .percentage-icon{color:#1cc88a}.panel.marges .financial-cards .financial-card .card-detail .best-seller,.panel.marges .financial-cards .financial-card .card-detail .main-category,.panel.marges .financial-cards .financial-card .card-detail .margin-percentage{font-size:.9rem}.panel.marges .financial-cards .financial-card .card-detail strong{color:#4e73df;font-weight:600}.panel.marges .financial-cards .ventes-card .card-value{color:#4e73df}.panel.marges .financial-cards .depenses-card .card-value{color:#e74a3b}.panel.marges .financial-cards .marge-card .card-value{color:#1cc88a}.panel.marges .chart-section{margin-bottom:2.5rem}.panel.marges .chart-section .chart-title{color:#5a5c69;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.panel.marges .chart-section .chart-container{background-color:#fff;border:1px solid #e3e6f0;border-radius:.75rem;box-shadow:0 .15rem 1.75rem 0 #3a3b451a;padding:1.5rem}.panel.marges .info-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.panel.marges .info-sections .info-section{align-items:flex-start;background-color:#f8f9fc;border-radius:.75rem;display:flex;gap:1.25rem;padding:1.5rem}.panel.marges .info-sections .info-section .info-icon{color:#4e73df;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.panel.marges .info-sections .info-section .info-content h4{color:#5a5c69;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.panel.marges .info-sections .info-section .info-content p{color:#6c757d;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.panel.marges .info-sections .info-section .info-content p strong{color:#4e73df;font-weight:600}.panel.marges .info-sections .info-section .info-content .margin-formula{background-color:#e9ecef;border-radius:.25rem;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem}.panel.marges .info-sections .performance-section{background-color:#fff3cd}.panel.marges .info-sections .performance-section .performance-icon{color:#ffc107}.panel.marges .info-sections .performance-section .performance-content h4,.panel.marges .info-sections .performance-section .performance-content p,.panel.marges .info-sections .performance-section .performance-content p strong{color:#856404}@media(max-width:768px){.panel.marges{padding:1.5rem}.panel.marges .panel-header,.panel.marges .panel-header .filtres{align-items:flex-start;flex-direction:column;gap:1rem}.panel.marges .panel-header .filtres{width:100%}.panel.marges .financial-cards,.panel.marges .info-sections{grid-template-columns:1fr}}:root{--bg-color:#fff;--text-color:#333;--icon-color:#555;--primary-color:#4361ee;--secondary-color:#3f37c9;--danger-color:#f72585;--warning-color:#f77f00;--success-color:#4cc9f0;--border-color:#e0e0e0;--card-bg:#fff;--low-stock-color:#fff3cd;--header-bg:#f8f9fa;--input-bg:#fff;--tab-hover-bg:#4361ee1a}body.dark-mode{--bg-color:#2b2929;--text-color:#f8f9fa;--icon-color:#adb5bd;--primary-color:#4895ef;--secondary-color:#4361ee;--danger-color:#f72585;--warning-color:#f77f00;--success-color:#4cc9f0;--border-color:#495057;--card-bg:#343a40;--low-stock-color:#332100;--header-bg:#212529;--input-bg:#495057;--tab-hover-bg:#4895ef1a}.gestion-stock-container{background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;color:#333;color:var(--text-color);font-family:Segoe UI,Roboto,sans-serif;max-width:1600px;min-height:100vh;padding:2rem}.gestion-stock-container .main-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;margin-top:4.5rem;padding-bottom:1rem}.gestion-stock-container .main-header h1{align-items:center;color:#4361ee;color:var(--primary-color);display:flex;font-size:1.8rem;gap:.5rem;margin:0}.gestion-stock-container .main-header h1 svg{color:#4361ee;color:var(--primary-color)}.gestion-stock-container .main-header .main-tabs{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:nowrap;gap:1.5rem;margin-bottom:2rem;padding-bottom:.5rem}.gestion-stock-container .main-header .main-tabs button{align-items:center;background:none;border:none;border-radius:.5rem .5rem 0 0;color:#333;color:var(--text-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;padding:.75rem 2rem;transition:background .2s}.gestion-stock-container .main-header .main-tabs button:hover{background-color:#4361ee1a;background-color:var(--tab-hover-bg)}.gestion-stock-container .main-header .main-tabs button.active{background-color:#4361ee;background-color:var(--primary-color);border-bottom:2px solid #4361ee;border-bottom:2px solid var(--primary-color);color:#fff}.gestion-stock-container .main-header .main-tabs button.active svg{color:#fff}.gestion-stock-container .main-header .main-tabs button svg{color:#555;color:var(--icon-color);font-size:1.2rem}.gestion-stock-container .main-header .tabs-horizontal{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding-bottom:.5rem}.gestion-stock-container .main-header .tabs-horizontal button{background:none;border:none;border-radius:.5rem .5rem 0 0;color:#333;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.gestion-stock-container .main-header .tabs-horizontal button.active{background:#4361ee;background:var(--primary-color);border-bottom:2px solid #4361ee;border-bottom:2px solid var(--primary-color);color:#fff}.gestion-stock-container .main-header .tabs-horizontal button:hover:not(.active){background:#4361ee1a}.gestion-stock-container .tabs-horizontal{border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem}.gestion-stock-container .tabs-horizontal button{background:none;border:none;border-radius:.5rem .5rem 0 0;color:#222;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.gestion-stock-container .tabs-horizontal button.active{background:#eaf4ff;border-bottom:2px solid #1976d2;color:#1976d2}.gestion-stock-container .tabs-horizontal button:hover:not(.active){background:#f5f5f5}.gestion-stock-container .alert{align-items:center;border-radius:.5rem;display:flex;margin-bottom:1.5rem;padding:1rem}.gestion-stock-container .alert,.gestion-stock-container .alert.error{background-color:#f8d7da;color:#721c24}.gestion-stock-container .alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:auto}.gestion-stock-container .tab-content{margin-top:2rem}.gestion-stock-container .tab-content .stock-content .stock-header{align-items:center;background-color:#f8f9fa;background-color:var(--header-bg);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.gestion-stock-container .tab-content .stock-content .stock-header .devise-select{align-items:center;display:flex;gap:.5rem}.gestion-stock-container .tab-content .stock-content .stock-header .devise-select label{font-weight:500}.gestion-stock-container .tab-content .stock-content .stock-header .devise-select select{background-color:#fff;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:.25rem;color:#333;color:var(--text-color);padding:.5rem}.gestion-stock-container .tab-content .stock-content .stock-header .statistiques{display:flex;flex-wrap:wrap;gap:1rem}.gestion-stock-container .tab-content .stock-content .stock-header .statistiques .stat-item{align-items:center;background-color:#fff;background-color:var(--card-bg);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:.75rem 1.25rem}.gestion-stock-container .tab-content .stock-content .stock-header .statistiques .stat-item span{color:#555;color:var(--icon-color);font-size:.85rem}.gestion-stock-container .tab-content .stock-content .stock-header .statistiques .stat-item strong{align-items:center;display:flex;font-size:1.1rem;gap:.25rem;margin-top:.25rem}.gestion-stock-container .tab-content .stock-content .stock-header .statistiques .stat-item.warning{background-color:#f77f00;background-color:var(--warning-color);color:#fff}.gestion-stock-container .tab-content .stock-content .stock-header .statistiques .stat-item.warning span,.gestion-stock-container .tab-content .stock-content .stock-header .statistiques .stat-item.warning svg{color:#fff}.gestion-stock-container .tab-content .stock-content .panels-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr}@media(max-width:1024px){.gestion-stock-container .tab-content .stock-content .panels-container{grid-template-columns:1fr}}.gestion-stock-container .tab-content .panel{background-color:#fff;background-color:var(--card-bg);border-radius:.75rem;box-shadow:0 2px 10px #00000014;padding:1.5rem}.gestion-stock-container .tab-content .panel h2{align-items:center;color:#4361ee;color:var(--primary-color);display:flex;font-size:1.4rem;gap:.5rem;margin-bottom:1.5rem;margin-top:0}.gestion-stock-container .tab-content .panel h2 svg{font-size:1.2rem}.gestion-stock-container .tab-content .panel.ajout-produit .form-group{margin-bottom:1rem}.gestion-stock-container .tab-content .panel.ajout-produit .form-group label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.gestion-stock-container .tab-content .panel.ajout-produit .form-group input{background-color:#fff;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:.5rem;color:#333;color:var(--text-color);font-size:1rem;padding:.75rem;width:100%}.gestion-stock-container .tab-content .panel.ajout-produit .form-group input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(#4361ee,.2);box-shadow:0 0 0 2px rgba(var(--primary-color),.2);outline:none}.gestion-stock-container .tab-content .panel.ajout-produit .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.gestion-stock-container .tab-content .panel.ajout-produit .form-row{grid-template-columns:1fr}}.gestion-stock-container .tab-content .panel.ajout-produit .btn-primary{align-items:center;background-color:#4361ee;background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem;transition:background-color .2s ease;width:100%}.gestion-stock-container .tab-content .panel.ajout-produit .btn-primary:hover{background-color:#3f37c9;background-color:var(--secondary-color)}.gestion-stock-container .tab-content .panel.ajout-produit .btn-primary svg{font-size:1rem}.gestion-stock-container .tab-content .panel.liste-produits .controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.gestion-stock-container .tab-content .panel.liste-produits .controls .search-box{flex:1 1;min-width:200px;position:relative}.gestion-stock-container .tab-content .panel.liste-produits .controls .search-box svg{color:#555;color:var(--icon-color);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.gestion-stock-container .tab-content .panel.liste-produits .controls .search-box input{background-color:#fff;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:2rem;color:#333;color:var(--text-color);font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.gestion-stock-container .tab-content .panel.liste-produits .controls .search-box input:focus{border-color:#4361ee;border-color:var(--primary-color);outline:none}.gestion-stock-container .tab-content .panel.liste-produits .controls .sort-controls{align-items:center;display:flex;gap:1rem;margin-top:.5rem;transform:translateX(-25rem)}.gestion-stock-container .tab-content .panel.liste-produits .controls .sort-controls label{white-space:nowrap}.gestion-stock-container .tab-content .panel.liste-produits .controls .sort-controls select{background-color:#fff;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:.5rem;color:#333;color:var(--text-color);cursor:pointer;padding:.75rem}.gestion-stock-container .tab-content .panel.liste-produits .controls .sort-controls select:focus{border-color:#4361ee;border-color:var(--primary-color);outline:none}.gestion-stock-container .tab-content .panel.liste-produits .loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.gestion-stock-container .tab-content .panel.liste-produits .loading .spinner{animation:spin 1s linear infinite;color:#4361ee;color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.gestion-stock-container .tab-content .panel.liste-produits .loading p{color:#333;color:var(--text-color);margin:0}.gestion-stock-container .tab-content .panel.liste-produits .table-container{overflow-x:auto}.gestion-stock-container .tab-content .panel.liste-produits .produits-table{border-collapse:collapse;font-size:.95rem;width:100%}.gestion-stock-container .tab-content .panel.liste-produits .produits-table thead tr{background-color:#4361ee;background-color:var(--primary-color);color:#fff}.gestion-stock-container .tab-content .panel.liste-produits .produits-table thead tr th{padding:1rem;text-align:left}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color)}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr:hover{background-color:rgba(#4361ee,.05);background-color:rgba(var(--primary-color),.05)}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr.low-stock{background-color:#fff3cd;background-color:var(--low-stock-color)}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr.no-results td{color:#555;color:var(--icon-color);padding:2rem;text-align:center}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr td{padding:1rem}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr td input{background-color:#fff;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:.25rem;color:#333;color:var(--text-color);padding:.5rem;width:100%}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr td input:focus{border-color:#4361ee;border-color:var(--primary-color);outline:none}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr td .warning-icon{color:#f77f00;color:var(--warning-color);margin-left:.5rem}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions{display:flex;gap:.5rem}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;padding:0;transition:transform .2s ease;width:2.5rem}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button:hover{transform:scale(1.1)}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button svg{font-size:1rem}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button.btn-edit{background-color:#4361ee;background-color:var(--primary-color);color:#fff}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button.btn-danger{background-color:#f72585;background-color:var(--danger-color);color:#fff}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button.btn-success{background-color:#4cc9f0;background-color:var(--success-color);color:#fff}.gestion-stock-container .tab-content .panel.liste-produits .produits-table tbody tr .actions button.btn-warning{background-color:#f77f00;background-color:var(--warning-color);color:#fff}.gestion-stock-container .tab-content .panel.analyse .chart-container,.gestion-stock-container .tab-content .panel.depenses .chart-container,.gestion-stock-container .tab-content .panel.marges .chart-container{height:400px;margin-top:1rem;max-width:1200px}@keyframes spin{to{transform:rotate(1turn)}}.personnalisation-page{background:#fffbe6;border-radius:14px;box-shadow:0 2px 16px #00000012;font-family:Poppins,Arial,sans-serif;height:100%;margin:3rem auto;padding:2rem 1.5rem;width:100%}.personnalisation-page h2{color:#ccb912;font-size:1.7rem;font-weight:700;margin-bottom:2rem;text-align:center}.personnalisation-page form{display:flex;flex-direction:column;gap:1.2rem}.personnalisation-page form label{color:#222;display:flex;flex-direction:column;font-size:1rem;font-weight:600;margin-bottom:.3rem}.personnalisation-page form input,.personnalisation-page form select,.personnalisation-page form textarea{background:#fff;border:1px solid #ccb912;border-radius:8px;font-size:1rem;height:100%;margin-top:.3rem;outline:none;transition:border .2s;width:100%}.personnalisation-page form input:focus,.personnalisation-page form select:focus,.personnalisation-page form textarea:focus{border:1.5px solid #bfa500}.personnalisation-page form textarea{min-height:80px;resize:vertical}.personnalisation-page form button{background:#ccb912;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:.9rem 1.2rem;transition:background .2s}.personnalisation-page form button:hover{background:#bfa500}.personnalisation-page p{font-size:1rem;margin-top:1rem;text-align:center}.produit-row{align-items:center;gap:1rem;margin-bottom:.7rem}.produit-row input,.produit-row select{flex:1 1}.produit-row .remove-item{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.3rem .7rem}.add-item{background:#ccb912;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;transition:background .2s}.add-item:hover{background:#bfa500}@media(max-width:600px){.personnalisation-page{margin:1.5rem auto;max-width:98vw;padding:1rem .5rem}}
/*# sourceMappingURL=main.25f303ac.css.map*/