@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#f7fafc,#edf2f7);text-align:center}@media (prefers-color-scheme:dark){.App{background:linear-gradient(135deg,#35415a,#131820);color:#e2e8f0}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--tertiary-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--success-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--warning-gradient:linear-gradient(135deg,#ffecd2,#fcb69f);--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 30px #667eea1f;--shadow-lg:0 20px 60px #667eea33;--shadow-xl:0 30px 90px #667eea4d;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55)}.accueil{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;overflow:hidden;padding:40px 30px;position:relative}.accueil:after,.accueil:before{background:radial-gradient(circle,#667eea08 0,#0000 70%);border-radius:50%;content:"";pointer-events:none;position:absolute}.accueil:before{height:800px;right:-200px;top:-400px;width:800px}.accueil:after{bottom:-300px;height:600px;left:-150px;width:600px}.accueil-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;margin-bottom:50px;position:relative;z-index:1}.welcome-section{flex:1 1;min-width:300px}.welcome-title{animation:fadeInDown .8s cubic-bezier(.4,0,.2,1);display:inline-block;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;padding-bottom:12px;position:relative}.welcome-title:before{background:#667eea;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;transform-origin:left;transition:transform .3s ease;width:80px}.user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.welcome-subtitle{align-items:center;animation:fadeInLeft 1s cubic-bezier(.4,0,.2,1);color:#64748b;display:flex;font-size:1.15rem;font-weight:500;gap:10px;margin:0}.welcome-section .user-ferme{background-color:#0656c5;border:1px solid #0656c5;border-radius:20px;color:#fff;float:right;font-family:Georgia,Times New Roman,Times,serif;font-size:1.75rem;font-weight:800;margin-top:6px;padding:4px 12px}.welcome-section .user-ferme a{color:#fff;text-decoration:none}.alert-badge{align-items:center;animation:slideInRight .8s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50px;box-shadow:0 15px 40px #ff6b6b59,inset 0 1px 0 #ffffff4d;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:12px;overflow:hidden;padding:16px 28px;position:relative}.alert-badge:before{animation:pulse-glow 2s ease-in-out 3;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.alert-icon-animate{animation:ring-bell 2s ease-in-out 3;font-size:1.5rem;position:relative;transform-origin:50% 0;z-index:1}@keyframes ring-bell{0%,50%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}}.main-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:50px;position:relative;z-index:1}.stat-card-large{align-items:center;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) backwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fffc;border:1px solid #ffffff80;box-shadow:0 8px 30px #667eea1f;box-shadow:var(--shadow-md);display:flex;gap:25px;overflow:hidden;padding:35px;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-card-large,.stat-card-large:before{border-radius:20px;border-radius:var(--radius-md)}.stat-card-large:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.stat-card-large:hover:before{opacity:.03}.stat-icon{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:22px;box-shadow:0 15px 35px #667eea66,inset 0 -2px 10px #0000001a,inset 0 2px 10px #ffffff4d;color:#fff;display:flex;font-size:2.8rem;height:90px;justify-content:center;position:relative;transform:translateZ(0);transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:90px}.stat-icon:after{background:linear-gradient(135deg,#ffffff80,#0000);border-radius:50%;bottom:60%;content:"";filter:blur(5px);left:10%;position:absolute;right:30%;top:10%}.stat-content{flex:1 1;position:relative;z-index:1}.stat-content h3{color:#64748b;font-size:.95rem;font-weight:600;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase;transition:color .3s ease}.stat-card-large:hover .stat-content h3{color:#667eea}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0;position:relative;transition:transform .3s ease}.stat-card-large:hover .stat-number{transform:scale(1.1)}.section{animation:fadeIn 1s ease-out;margin-bottom:50px;position:relative;z-index:1}.section-title{align-items:center;animation:slideInDown .6s cubic-bezier(.4,0,.2,1);color:#1a202c;display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin-bottom:30px;padding-bottom:15px;position:relative}.section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:0;box-shadow:0 2px 10px #667eea4d;content:"";height:4px;left:0;position:absolute;width:60px}.section-icon{color:#667eea;font-size:1.6rem}.status-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.status-card{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:20px;border-radius:var(--radius-md);box-shadow:0 8px 30px #667eea1f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:35px 25px;position:relative;text-align:center;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.status-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.status-card:hover:after{left:100%}.status-icon{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));font-size:4rem;margin-bottom:20px}.status-icon,.status-info{position:relative;z-index:1}.status-info h3{font-size:1rem;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.status-count{font-size:3.5rem;font-weight:900;line-height:1;margin:0;text-shadow:0 4px 20px #0003;transition:transform .3s ease}.status-percentage{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;border-radius:20px;display:inline-block;font-size:1rem;margin-top:10px;opacity:.9;padding:5px 15px}.quick-actions{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:2px solid #0000;border-radius:20px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;padding:40px 25px;position:relative;text-align:center;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.action-card:before{background:radial-gradient(circle,var(--card-color),#0000);border-radius:50%;content:"";height:0;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.action-card:hover:before{height:400px;width:400px}.action-card:hover{background:linear-gradient(135deg,#fff 0,rgba(var(--card-color),.02) 100%);border-color:var(--card-color);box-shadow:0 20px 60px #667eea33;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.action-icon{color:var(--card-color);display:inline-block;font-size:3.5rem;margin-bottom:18px;position:relative;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);z-index:1}.action-card:hover .action-icon{transform:scale(1.4)}.action-icon:after{background:var(--card-color);border-radius:50%;content:"";filter:blur(30px);height:80px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .4s ease;width:80px}.action-card:hover .action-icon:after{opacity:.2}.action-title{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0;position:relative;transition:color .3s ease;z-index:1}.action-card:hover .action-title{color:var(--card-color)}.inline-icon{color:#667eea;font-size:1.2rem;margin-right:8px;vertical-align:middle}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1200px){.accueil{padding:30px 20px}.main-stats{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.accueil{padding:20px 15px}.accueil-header{align-items:stretch;flex-direction:column;gap:20px}.alert-badge{justify-content:center;width:100%}.main-stats{gap:15px;grid-template-columns:1fr}.stat-card-large{padding:25px}.stat-icon{font-size:2.2rem;height:70px;width:70px}.stat-number{font-size:2.5rem}.quick-actions,.status-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.status-icon{font-size:3rem}.action-icon,.status-count{font-size:2.8rem}.section-title{font-size:1.5rem}}@media (max-width:480px){.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.quick-actions,.status-grid{grid-template-columns:1fr}.stat-icon{font-size:1.8rem;height:60px;width:60px}.stat-number{font-size:2rem}.status-card{padding:25px 20px}.action-card{padding:30px 20px}.section-title{font-size:1.3rem}}.action-card,.action-icon,.progress-bar,.progress-fill,.stat-card-large,.stat-icon,.status-card{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.welcome-subtitle{color:#f5f5f5}.section-title{color:#fff}.user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9bacf5,#aa76df);-webkit-background-clip:text;background-clip:text}}:root{--primaryHeader:#667eea;--primaryLightHeader:#8b9eff;--primaryDarkHeader:#4c5fd5;--textPrimaryHeader:#0f172a;--textSecondaryHeader:#64748b;--textTertiaryHeader:#94a3b8;--bgWhiteHeader:#fff;--bgLightHeader:#f8fafc;--bgCardHeader:#fafbff;--borderHeader:#e2e8f0;--gradientPrimaryHeader:linear-gradient(135deg,#667eea,#764ba2);--gradientSubtleHeader:linear-gradient(135deg,#667eea0d,#764ba20d)}@media (prefers-color-scheme:dark){:root{--textPrimaryHeader:#f1f5f9;--textSecondaryHeader:#94a3b8;--textTertiaryHeader:#64748b;--bgWhiteHeader:#0f172a;--bgLightHeader:#0a0f1a;--bgCardHeader:#1e293b;--borderHeader:#334155;--gradientPrimaryHeader:linear-gradient(135deg,#b4c1fd,#dabafa);--gradientSubtleHeader:linear-gradient(135deg,#667eea26,#764ba226)}}body{background:#f8fafc;background:var(--bgLightHeader);color:#0f172a;color:var(--textPrimaryHeader)}.header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #667eea1a;border-radius:15px;box-shadow:0 1px 0 #667eea1a,0 8px 32px #667eea14;display:flex;height:80px;justify-content:space-between;left:10px;padding:0 3rem;position:fixed;right:10px;top:10px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}@media (prefers-color-scheme:dark){.header{background:#0f172acc;border-bottom:1px solid #667eea33;box-shadow:0 1px 0 #667eea33,0 8px 32px #0000004d}}.header:after{bottom:-1px;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0}.header:after,.logo{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradientPrimaryHeader)}.logo{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(102,126,234,.15));font-size:1.375rem;font-weight:800;letter-spacing:-.5px;position:relative;transition:all .3s ease}.logo:hover{filter:drop-shadow(0 4px 8px rgba(102,126,234,.25));transform:translateY(-1px)}.nav{align-items:center;display:flex;gap:.375rem}.nav a,.nav button:not(.nav-btn){align-items:center;background:#0000;border:none;border-radius:12px;box-shadow:0 0 0 #667eea00;color:#64748b;color:var(--textSecondaryHeader);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav a:hover,.nav button:not(.nav-btn):hover{background:#fafbff;background:var(--bgCardHeader);box-shadow:0 4px 16px #667eea1f;color:#0f172a;color:var(--textPrimaryHeader);transform:translateY(-2px)}.nav a.active{background:linear-gradient(135deg,#667eea0d,#764ba20d);background:var(--gradientSubtleHeader);box-shadow:0 2px 8px #667eea1a,inset 0 1px 0 #fffc;color:#667eea;color:var(--primaryHeader);font-weight:600}@media (prefers-color-scheme:dark){.nav a.active{box-shadow:0 2px 8px #667eea33,inset 0 1px 0 #ffffff1a}}.nav a.active:before{background:#667eea;background:var(--primaryHeader);border-radius:50%;bottom:6px;box-shadow:0 0 6px #667eea;box-shadow:0 0 6px var(--primaryHeader);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.nav a svg,.nav button svg{font-size:1.125rem;transition:transform .25s ease}.nav a:hover svg,.nav button:hover svg{transform:scale(1.1)}.login-btn{border:1px solid #667eea}.logout{background:#0f172a;background:var(--textPrimaryHeader);border:none;border-radius:12px;box-shadow:0 4px 12px #0f172a26,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-weight:600;margin-left:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.logout{background:#667eea;background:var(--primaryHeader);box-shadow:0 4px 12px #667eea4d,inset 0 1px 0 #ffffff1a}}.logout:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout:hover:before{left:100%}.logout:hover{background:#667eea;background:var(--primaryHeader);box-shadow:0 6px 20px #667eea4d,inset 0 1px 0 #fff3;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.logout:hover{background:#8b9eff;background:var(--primaryLightHeader)}}.logout:active{box-shadow:0 2px 8px #667eea33;transform:translateY(0)}.menu-btn{align-items:center;background:#fafbff;background:var(--bgCardHeader);border:1px solid #e2e8f0;border:1px solid var(--borderHeader);border-radius:12px;box-shadow:0 2px 8px #667eea14,inset 0 1px 0 #fffc;color:#0f172a;color:var(--textPrimaryHeader);cursor:pointer;display:none;font-size:1.25rem;height:44px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);width:44px}@media (prefers-color-scheme:dark){.menu-btn{box-shadow:0 2px 8px #0000004d,inset 0 1px 0 #ffffff1a}}.menu-btn:hover{background:#fff;border-color:#667eea;border-color:var(--primaryHeader);box-shadow:0 4px 16px #667eea26;color:#0f172a;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.menu-btn:hover{background:#fafbff;background:var(--bgCardHeader);box-shadow:0 4px 16px #667eea4d;color:#f1f5f9}}.menu-btn:active{transform:scale(.95)}.mobile-menu{animation:slideDown .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;border-top:2px solid #667eea33;box-shadow:0 20px 60px #667eea26,inset 0 1px 0 #fffc;display:flex;flex-direction:column;gap:.5rem;left:0;max-height:calc(100vh - 80px);overflow-y:auto;padding:1.5rem;position:fixed;right:0;top:80px}@media (prefers-color-scheme:dark){.mobile-menu{background:#0f172af2;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a}}.mobile-menu a,.mobile-menu button{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--borderHeader);border-radius:12px;box-shadow:0 2px 8px #667eea0f,inset 0 1px 0 #fffc;color:#64748b;color:var(--textSecondaryHeader);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem;text-align:left;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme:dark){.mobile-menu a,.mobile-menu button{background:#fafbff;background:var(--bgCardHeader);box-shadow:0 2px 8px #0000004d,inset 0 1px 0 #ffffff0d}}.mobile-menu a:hover,.mobile-menu button:hover{background:#fafbff;background:var(--bgCardHeader);border-color:#667eea33;box-shadow:0 4px 16px #667eea1f;color:#0f172a;color:var(--textPrimaryHeader);transform:translateX(4px)}.mobile-menu a.active{background:linear-gradient(135deg,#667eea0d,#764ba20d);background:var(--gradientSubtleHeader);border-color:#667eea4d;box-shadow:0 4px 16px #667eea1f,inset 0 1px 0 #fffc;color:#667eea;color:var(--primaryHeader);font-weight:600}@media (prefers-color-scheme:dark){.mobile-menu a.active{box-shadow:0 4px 16px #667eea33,inset 0 1px 0 #ffffff1a}}.mobile-menu a svg,.mobile-menu button svg{font-size:1.25rem;transition:transform .25s ease}.mobile-menu a:hover svg,.mobile-menu button:hover svg{transform:scale(1.1)}.mobile-menu .logout{background:#0f172a;background:var(--textPrimaryHeader);border:none;color:#fff;justify-content:center;margin-top:.5rem}@media (prefers-color-scheme:dark){.mobile-menu .logout{background:#667eea;background:var(--primaryHeader)}}.mobile-menu .logout:hover{background:#667eea;background:var(--primaryHeader);transform:translateX(0) translateY(-2px)}@media (prefers-color-scheme:dark){.mobile-menu .logout:hover{background:#8b9eff;background:var(--primaryLightHeader)}}.mobile-menu::-webkit-scrollbar{width:6px}.mobile-menu::-webkit-scrollbar-track{background:#667eea0d;border-radius:10px}.mobile-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradientPrimaryHeader);border-radius:10px;box-shadow:inset 0 0 0 2px #ffffff4d}.mobile-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4c5fd5,#653a8c);background:linear-gradient(135deg,var(--primaryDarkHeader) 0,#653a8c 100%)}@media (max-width:968px){.nav{display:none}.menu-btn{display:flex}.header{padding:0 1.5rem}}@media (max-width:640px){.header{height:72px;padding:0 1rem}body{padding-top:72px}.logo{font-size:1.125rem}.menu-btn{height:40px;width:40px}.mobile-menu{max-height:calc(100vh - 72px);padding:1rem;top:72px}.mobile-menu a,.mobile-menu button{padding:.875rem 1rem}}.menu-btn:focus-visible,.mobile-menu a:focus-visible,.mobile-menu button:focus-visible,.nav a:focus-visible,.nav button:focus-visible{outline:3px solid #667eea;outline:3px solid var(--primaryHeader);outline-offset:2px}@keyframes pulse-subtle{0%,to{box-shadow:0 2px 8px #667eea1a,inset 0 1px 0 #fffc}50%{box-shadow:0 4px 12px #667eea26,inset 0 1px 0 #fffc}}.nav a.active{animation:pulse-subtle 3s ease-in-out infinite}.mobile-menu a:after,.nav a:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradientPrimaryHeader);border-radius:12px;content:"";filter:blur(8px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.mobile-menu a:hover:after,.nav a:hover:after{opacity:.1}:root{--primary-gradient2:linear-gradient(135deg,red,#eb8585)}.animaux{font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100dvh;padding:3rem 2rem}.animaux-header{align-items:center;animation:fadeInDown .6s cubic-bezier(.4,0,.2,1);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem}.animaux h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0;position:relative}.animaux h2:after{animation:expandWidth .8s cubic-bezier(.4,0,.2,1) .3s backwards;border-radius:2px;bottom:-12px;content:"";height:4px;left:0;position:absolute;width:80px}.add-animal,.animaux h2:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.add-animal{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-animal:before{content:"+";font-size:1.5rem;font-weight:700}.add-animal:hover{box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.animals-count{align-items:center;animation:fadeInRight .6s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-card);border:1px solid #667eea1a;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1.5rem}.animals-count,.count-badge{box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm)}.count-badge{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:8px;color:#fff;font-size:1.25rem;font-weight:700;min-width:50px;padding:.5rem 1rem;text-align:center}.count-label{color:#4a5568;color:var(--text-medium);font-size:.95rem;font-weight:600}.table-container{animation:fadeIn .6s ease-out .2s backwards;background:#fff;background:var(--bg-card);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);overflow:hidden}.animals-table{border-collapse:initial;border-spacing:0;width:100%}.animals-table thead{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);position:-webkit-sticky;position:sticky;top:0;z-index:10}.animals-table thead th{border-bottom:2px solid #fff3;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.animals-table thead th:first-child{border-top-left-radius:16px;border-top-left-radius:var(--border-radius)}.animals-table thead th:last-child{border-top-right-radius:16px;border-top-right-radius:var(--border-radius)}.animals-table tbody tr{animation:slideUp .6s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.05s);border-bottom:1px solid #667eea14;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.animals-table tbody tr:first-child{--index:0}.animals-table tbody tr:nth-child(2){--index:1}.animals-table tbody tr:nth-child(3){--index:2}.animals-table tbody tr:nth-child(4){--index:3}.animals-table tbody tr:nth-child(5){--index:4}.animals-table tbody tr:nth-child(6){--index:5}.animals-table tbody tr:nth-child(7){--index:6}.animals-table tbody tr:nth-child(8){--index:7}.animals-table tbody tr:nth-child(9){--index:8}.animals-table tbody tr:nth-child(n+10){--index:9}.animals-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 20px #667eea1a;transform:scale(1.01)}.animals-table tbody tr:last-child{border-bottom:none}.animals-table tbody td{color:#1a202c;color:var(--text-dark);font-size:.95rem;padding:1.25rem 1.5rem;vertical-align:middle}.animal-name-cell{color:#1a202c;color:var(--text-dark);display:flex;flex-direction:column;font-weight:700;gap:.25rem}.animal-numero{color:#667eea;color:var(--accent-color);font-size:.85rem;font-weight:600}.animal-nom{color:#1a202c;color:var(--text-dark);font-size:1rem}.table-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:6px;color:#667eea;color:var(--accent-color);display:inline-block;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.responsable-cell{align-items:center;display:flex;gap:.5rem}.responsable-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.actions-cell{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.action-btn-edit{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;color:#667eea;color:var(--accent-color)}.action-btn-edit:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.action-btn-details{background:linear-gradient(135deg,#48bb781a,#38a1691a);border:1px solid #48bb7833;color:#48bb78;color:var(--success-color)}.action-btn-details:hover{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.action-btn-delete{background:linear-gradient(135deg,#ff00001a,#eb85851a);border:1px solid #f003;color:red}.action-btn-delete:hover{background:linear-gradient(135deg,red,#eb8585);background:var(--primary-gradient2);color:#fff;transform:translateY(-2px)}.Rien-a-faireL,.action-btn-delete:hover,.loading-messageL{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.Rien-a-faireL,.loading-messageL{animation:fadeIn .6s ease-out;background:#fff;background:var(--bg-white);border:2px dashed #667eea33;border-radius:16px;border-radius:var(--border-radius);color:#4a5568;color:var(--text-medium);font-size:1.5rem;font-weight:500;margin:2rem 0;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.loading-messageL{animation:pulsee 1.5s ease-in-out infinite}.loading-messageL:after{animation:shimmere 1.5s infinite;background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";inset:0;position:absolute}.Rien-a-faireL:before{animation:float 3s ease-in-out infinite;content:"🐄";display:block;font-size:4rem;margin-bottom:1rem;opacity:.3}@keyframes shimmere{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes pulsee{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:1200px){.animals-table tbody td,.animals-table thead th{font-size:.9rem;padding:1rem 1.25rem}}@media (max-width:968px){.table-container{overflow-x:auto}.animals-table{min-width:900px}}@media (max-width:768px){.animaux{padding:2rem 1rem}.animaux h2{font-size:2.5rem}.table-container{border-radius:12px}.animals-table,.animals-table tbody,.animals-table td,.animals-table th,.animals-table thead,.animals-table tr{display:block}.table-container{width:760px}.animals-table thead{display:none}.animals-table tbody tr{background:#fff;background:var(--bg-card);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1rem;width:700px}.animals-table tbody td{border:none;padding:.75rem 0 .75rem 50%;position:relative;text-align:right}.animals-table tbody td:before{color:#4a5568;color:var(--text-medium);content:attr(data-label);font-weight:700;left:0;padding-right:10px;position:absolute;text-align:left;width:45%}.actions-cell,.animal-name-cell,.responsable-cell{flex-direction:row;justify-content:flex-end}.actions-cell{border-top:1px solid #667eea1a;flex-wrap:wrap;margin-top:1rem;padding-top:1rem}.action-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.animaux h2{font-size:2rem}.table-container{width:420px}.add-animal{font-size:.9rem;padding:.75rem 1.5rem}.animals-table tbody tr{width:420px}.action-btn{font-size:.8rem;padding:.5rem .75rem}}@media print{.animaux{background:#fff;padding:1rem}.action-btn,.add-animal,.animals-count{display:none}.table-container{border:1px solid #ddd;box-shadow:none}.animals-table thead{background:#f0f0f0}.animals-table thead th{color:#000}.animaux h2{-webkit-text-fill-color:#000;color:#000}}@media (prefers-color-scheme:dark){.animals-count,.no-results-message{background-color:rgba(29,28,28,.445)}.count-label,.no-results-message h3{color:#fff;color:var(--bg-card)}.animaux h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9bacf5,#aa76df);-webkit-background-clip:text;background-clip:text}.animals-table tbody tr{background:rgba(29,28,28,.445);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1rem}.animals-table tbody td:before{color:#fff;color:var(--bg-card)}.table-container{background-color:rgba(29,28,28,.445)}.animal-nom,.animals-table tbody td{color:#fff}.Rien-a-faireL,.loading-messageL{background-color:rgba(29,28,28,.445);color:#fff}}.animals-table:focus-within{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:4px}.action-btn:focus{outline:2px solid #667eea;outline:2px solid var(--accent-color);outline-offset:2px}.table-container::-webkit-scrollbar{height:10px}.table-container::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-light);border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}.search-container{animation:fadeIn .6s ease-out .1s backwards;margin-bottom:2rem;width:100%}.search-wrapper{max-width:600px;position:relative;width:100%}.search-input{background:#fff;background:var(--bg-card);border:2px solid #667eea33;border-radius:12px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#1a202c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:1rem;outline:none;padding:1rem 1.5rem 1rem 3.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.search-input::placeholder{color:#718096;color:var(--text-light)}.search-input:focus{border-color:#667eea;border-color:var(--accent-color);box-shadow:0 0 0 4px #667eea1a,0 4px 12px #0000001a;box-shadow:0 0 0 4px #667eea1a,var(--shadow-md);transform:translateY(-2px)}.search-icon{color:#667eea;color:var(--accent-color);font-size:1.25rem;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.search-input:focus~.search-icon{color:#5568d3;color:var(--accent-hover);transform:translateY(-50%) scale(1.1)}.search-clear{align-items:center;background:#667eea1a;border:none;border-radius:50%;color:#667eea;color:var(--accent-color);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:28px}.search-clear.visible{opacity:1;pointer-events:auto}.search-clear:hover{background:#667eea;background:var(--accent-color);color:#fff;transform:translateY(-50%) scale(1.1)}.search-results-info{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left:3px solid #667eea;border-left:3px solid var(--accent-color);border-radius:8px;color:#4a5568;color:var(--text-medium);font-size:.9rem;font-weight:500;margin-top:.75rem;padding:.75rem 1.25rem}.search-results-info strong{color:#667eea;color:var(--accent-color);font-weight:700}.no-results-message{animation:fadeIn .4s ease-out;background:#fff;background:var(--bg-white);border:2px dashed #667eea33;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);grid-column:1/-1;padding:3rem 2rem;text-align:center}.no-results-message h3{color:#1a202c;color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.no-results-message p{color:#4a5568;color:var(--text-medium);font-size:1rem;margin:0}.no-results-message .search-term{color:#667eea;color:var(--accent-color);font-weight:600}.animal-form-container{animation:fadeIn .6s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:3rem 2rem}.animal-form-container>h2{-webkit-text-fill-color:#0000;animation:fadeInDown .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Playfair Display,serif;font-size:2.75rem;font-weight:700;letter-spacing:-1px;margin-bottom:2.5rem;position:relative}.animal-form-container>h2:after{animation:expandWidth .8s cubic-bezier(.4,0,.2,1) .3s backwards;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-12px;content:"";height:4px;left:0;position:absolute;width:80px}.animal-form-container form{background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);overflow:hidden;padding:2.5rem;position:relative}.animal-form-container form:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.animal-form-container form:after{background:radial-gradient(circle,#667eea08 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.animal-form-container h3{border-top:2px solid #667eea1a;color:#1a202c;color:var(--text-dark);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:2.5rem 0 1.5rem;padding-top:2rem;position:relative}.animal-form-container h3 .cow{content:"";font-size:1.75rem;margin-right:1rem}.animal-form-container form>h3:first-of-type{border-top:none;margin-top:2rem;padding-top:0}.animal-form-container h4{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#f565651a,#e53e3e1a);border-left:4px solid #f56565;border-left:4px solid var(--error-color);border-radius:10px;color:#f56565;color:var(--error-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:1rem 0;padding:1rem 1.25rem}.animal-form-container h4:before{content:"⚠️";font-size:1.25rem}.Add-animal-edit-div{animation:slideUp .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.05s);display:inline-block;margin-bottom:1.75rem;position:relative;width:50%}.Add-animal-edit-div label{color:#1a202c;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;letter-spacing:.2px;margin-bottom:.625rem;padding-left:.5rem;position:relative}.Add-animal-edit-div label:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;content:"";height:16px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:3px}.Add-animal-edit-div:focus-within label:before{opacity:1}.Add-animal-edit-div input,.Add-animal-edit-div select{background:#fff;background:var(--bg-input);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;color:#1a202c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:.875rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:90%}.Add-animal-edit-div input::placeholder{color:#718096;color:var(--text-light);font-weight:400}.Add-animal-edit-div input:focus,.Add-animal-edit-div select:focus{background:#fff;border-color:#667eea;border-color:var(--border-focus);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.Add-animal-edit-div input:hover,.Add-animal-edit-div select:hover{border-color:#5568d3;border-color:var(--accent-hover)}.Add-animal-edit-div select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:3rem}.Add-animal-edit-div input[type=date]{cursor:pointer;position:relative}.Add-animal-edit-div input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.Add-animal-edit-div input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.update-add-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:2rem;overflow:hidden;padding:1.125rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.update-add-button:before{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.update-add-button:hover:before{transform:translateX(100%)}.update-add-button:hover{box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.update-add-button:active{box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.update-add-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.update-add-button.loading{pointer-events:none;position:relative}.update-add-button.loading:after{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.required:after{color:#f56565;color:var(--error-color);content:"*";font-weight:700;margin-left:.25rem}@media (min-width:768px){.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-row .Add-animal-edit-div{margin-bottom:0}}@media (max-width:768px){.animal-form-container{padding:2rem 1.5rem}.animal-form-container>h2{font-size:2.25rem}.animal-form-container form{padding:2rem 1.5rem}.animal-form-container h3{font-size:1.5rem}}@media (max-width:480px){.animal-form-container{padding:1.5rem 1rem}.animal-form-container>h2{font-size:1.875rem}.animal-form-container form{padding:1.5rem 1.25rem}.animal-form-container h3{font-size:1.35rem}.Add-animal-edit-div input,.Add-animal-edit-div select{font-size:.95rem;padding:.75rem 1rem}.update-add-button{font-size:1rem;padding:1rem 1.5rem}}.Add-animal-edit-div input:focus-visible,.Add-animal-edit-div select:focus-visible,.update-add-button:focus-visible{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:3px}.animal-form-container::-webkit-scrollbar{width:10px}.animal-form-container::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-light);border-radius:10px}.animal-form-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.animal-form-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}.success-message{margin:1rem 0}.Add-animal-edit-div.floating-label{position:relative}.Add-animal-edit-div.floating-label label{background:#fff;color:#718096;color:var(--text-light);left:1.25rem;padding:0 .5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.Add-animal-edit-div.floating-label input:focus+label,.Add-animal-edit-div.floating-label input:not(:placeholder-shown)+label,.Add-animal-edit-div.floating-label select:focus+label,.Add-animal-edit-div.floating-label select:not([value=""])+label{color:#667eea;color:var(--accent-color);font-size:.85rem;font-weight:600;top:0}@media (prefers-color-scheme:dark){.animal-form-container form{background-color:#1e293b}.Add-animal-edit-div label,.animal-form-container form h3{color:#e2e8f0}.animal-form-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9bacf5,#aa76df);-webkit-background-clip:text;background-clip:text}}:root{--shadow-xl:0 25px 50px #00000040}.modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:2000}.modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 25px 50px #00000040;box-shadow:var(--shadow-xl);font-family:Inter,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.modal-content:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:16px 16px 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.modal-close-btn{align-items:center;background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:8px;box-shadow:0 2px 8px #f565654d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px;z-index:10}.modal-close-btn:hover{box-shadow:0 4px 12px #f5656566;transform:scale(1.1) rotate(90deg)}.modal-close-btn:active{transform:scale(.95) rotate(90deg)}.modal-content h2{color:#1a202c;color:var(--text-dark);font-size:1.75rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:0 0 1.5rem;padding-right:3rem}.modal-content p{color:#4a5568;color:var(--text-medium);font-size:.95rem;line-height:1.6;margin:.75rem 0}.modal-content p b,.modal-content p strong{color:#1a202c;color:var(--text-dark);display:inline-block;font-weight:600;min-width:140px}.modal-info-grid{grid-gap:.875rem;display:grid;gap:.875rem;margin:1.5rem 0}.modal-info-item{background:linear-gradient(135deg,#667eea08,#764ba208);border-left:3px solid #667eea;border-left:3px solid var(--accent-color);border-radius:8px;padding:.875rem 1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-info-item:hover{background:linear-gradient(135deg,#667eea0f,#764ba20f);border-left-width:4px}.modal-info-item p{align-items:center;display:flex;gap:.75rem;margin:0}.modal-actions{border-top:1px solid #667eea1a;display:flex;flex-wrap:wrap;gap:.875rem;margin-top:2rem;padding-top:1.5rem}.modal-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.modal-btn:after{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.modal-btn:hover:after{transform:translateX(100%)}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.modal-btn-primary:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.modal-btn-secondary{background:linear-gradient(135deg,#48bb78,#38b2ac);color:#fff}.modal-btn-secondary:hover{box-shadow:0 8px 16px #48bb784d;transform:translateY(-2px)}.modal-btn-warning{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.modal-btn-warning:hover{box-shadow:0 8px 16px #f6ad554d;transform:translateY(-2px)}.modal-btn:active{transform:translateY(0)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#667eea0d;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}.modal-badge{border-radius:20px;display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:.35rem .875rem;text-transform:uppercase}.modal-badge-primary{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid #667eea4d;color:#667eea;color:var(--accent-color)}.modal-badge-success{background:linear-gradient(135deg,#48bb7826,#38b2ac26);border:2px solid #48bb784d;color:#48bb78}.modal-badge-danger{background:linear-gradient(135deg,#f5656526,#e53e3e26);border:2px solid #f565654d;color:#f56565}@media (max-width:640px){.modal-content{border-radius:12px;max-width:95vw;padding:2rem 1.5rem}.modal-content h2{font-size:1.5rem;margin-bottom:1.25rem}.modal-close-btn{font-size:1.125rem;height:32px;right:.75rem;top:.75rem;width:32px}.modal-actions{flex-direction:column;gap:.75rem}.modal-btn{padding:.75rem 1.25rem;width:100%}.modal-content p b,.modal-content p strong{display:block;margin-bottom:.25rem;min-width:auto}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{padding:1.5rem 1.25rem}.modal-content h2{font-size:1.35rem}.modal-info-item{padding:.75rem 1rem}}.modal-btn:focus-visible,.modal-close-btn:focus-visible{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:3px}.modal-btn.loading{pointer-events:none;position:relative}.modal-btn.loading:before{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:18px;position:absolute;width:18px}.modal-divider{background:linear-gradient(90deg,#0000,#667eea33,#0000);height:1px;margin:1.5rem 0}.modal-detail-row{align-items:flex-start;border-bottom:1px solid #667eea0d;display:flex;gap:1rem;padding:.75rem 0}.modal-detail-row:last-child{border-bottom:none}.modal-detail-label{color:#1a202c;color:var(--text-dark);flex-shrink:0;font-weight:600;min-width:140px}.modal-detail-value{color:#4a5568;color:var(--text-medium);flex:1 1}.modal-btn-icon{font-size:1.125rem}@media print{.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;position:static}.modal-content{box-shadow:none;max-width:100%;page-break-inside:avoid}.modal-actions,.modal-close-btn{display:none}}:root{--bg-dark:var(--text-dark);--border-radius:12px}.todayDate{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#1a202c;display:inline-block;font-family:Inter,sans-serif;margin-bottom:1rem;overflow:hidden;padding:1.25rem 2rem;position:relative}.todayDate:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.todayDate:after{content:"📅";font-size:3rem;opacity:.1;position:absolute;right:1.1rem;top:50%;transform:translateY(-50%)}.todayDate label{color:#4a5568;color:var(--text-medium);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-right:.5rem;text-transform:uppercase}.todayDate br{content:"";display:block;margin:.5rem 0}.todayDate label+*{color:#1a202c;color:var(--text-dark);font-size:1.1rem;font-weight:700}.key-reproduction-div{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);font-family:Inter,sans-serif;margin-top:2.5rem!important;max-width:100%;overflow:hidden;padding:1.75rem 2rem;position:relative;width:100%!important}.changeSCroissance:disabled{background-color:#3e4977;color:#718096}.key-reproduction-div:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:3px;right:0;top:0}.key-reproduction-div:after{background:radial-gradient(circle,#667eea05 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.key-reproduction-div:before{color:#4a5568;color:var(--text-medium);content:"📊 Légende";font-size:.875rem;font-weight:600;left:0;letter-spacing:.5px;position:absolute;text-transform:uppercase;top:-32px}.key-reproduction-div{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:flex-start!important;text-align:left!important}.key-reproduction-div>div{align-items:center!important;animation:slideIn .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--item-index)*.1s);background:linear-gradient(135deg,#667eea05,#764ba205);border:1px solid #0000;border-radius:8px;cursor:default;display:flex!important;gap:.75rem;margin-bottom:0!important;padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.key-reproduction-div>div:first-child{--item-index:0}.key-reproduction-div>div:nth-child(2){--item-index:1}.key-reproduction-div>div:nth-child(3){--item-index:2}.key-reproduction-div>div:nth-child(4){--item-index:3}.key-reproduction-div>div:nth-child(5){--item-index:4}.key-reproduction-div>div:nth-child(6){--item-index:5}.key-reproduction-div>div:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea1a;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);transform:translateX(4px)}.key-reproduction-div>div>span:first-child{border:2px solid #ffffff4d;border-radius:6px!important;box-shadow:0 2px 6px #00000026;flex-shrink:0!important;height:24px!important;margin-right:0!important;min-width:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px!important}.key-reproduction-div>div:hover>span:first-child{box-shadow:0 3px 8px #0003;transform:scale(1.1)}.key-reproduction-div>div>span:last-child{color:#1a202c;color:var(--text-dark);font-size:.95rem!important;font-weight:500;letter-spacing:.2px;line-height:1.4}.key-reproduction-div.horizontal{display:flex!important;flex-wrap:wrap;gap:1.5rem!important;justify-content:center!important}.key-reproduction-div.horizontal>div{flex:0 0 auto;padding:.625rem 1.25rem}.key-reproduction-div.compact{gap:.75rem!important;padding:1.25rem 1.5rem}.key-reproduction-div.compact>div{gap:.625rem;padding:.5rem .75rem}.key-reproduction-div.compact>div>span:first-child{height:20px!important;min-width:20px;width:20px!important}.key-reproduction-div.compact>div>span:last-child{font-size:.875rem!important}@media (max-width:1024px){.key-reproduction-div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1.5rem 1.75rem}}@media (max-width:768px){.key-reproduction-div{gap:.875rem!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:2rem!important;padding:1.25rem 1.5rem}.key-reproduction-div>div{gap:.625rem;padding:.625rem .875rem}.key-reproduction-div>div>span:first-child{height:22px!important;min-width:22px;width:22px!important}.key-reproduction-div>div>span:last-child{font-size:.875rem!important}}@media (max-width:640px){.key-reproduction-div{gap:.75rem!important;grid-template-columns:1fr;padding:1.25rem}.key-reproduction-div>div{padding:.75rem 1rem}}@media (max-width:480px){.key-reproduction-div{border-radius:10px;margin-top:1.5rem!important;padding:1rem}.key-reproduction-div>div>span:last-child{font-size:.8125rem!important}}@media print{.key-reproduction-div{background:#fff;border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}.key-reproduction-div:after,.key-reproduction-div:before{display:none}.key-reproduction-div>div{background:none;border:none;padding:.5rem}.key-reproduction-div>div:hover{box-shadow:none;transform:none}}@media (prefers-color-scheme:dark){.key-reproduction-div{background:#1a202c;border-color:#667eea33}.key-reproduction-div>div{background:#667eea0d}.key-reproduction-div>div:hover{background:#667eea1a}.key-reproduction-div>div>span:last-child{color:#e2e8f0}}.key-reproduction-div>div:focus-within{border-radius:8px;outline:2px solid #667eea;outline:2px solid var(--accent-color);outline-offset:2px}.key-reproduction-div.with-separators>div:not(:last-child):after{background:#667eea1a;content:"";height:60%;position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:1px}.key-reproduction-div>div.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm)}.key-reproduction-div>div.active>span:last-child{color:#667eea;color:var(--accent-color);font-weight:600}.key-reproduction-div>div[data-tooltip]{position:relative}.key-reproduction-div>div[data-tooltip]:hover:before{background:#1a202c;background:var(--text-dark);border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);font-size:.8125rem;padding:.5rem .75rem;pointer-events:none;white-space:nowrap;z-index:1000}.key-reproduction-div>div[data-tooltip]:hover:after,.key-reproduction-div>div[data-tooltip]:hover:before{animation:tooltipFadeIn .2s ease forwards;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.key-reproduction-div>div[data-tooltip]:hover:after{border:4px solid #0000;border-top:4px solid var(--text-dark);bottom:calc(100% + 2px);content:""}@keyframes tooltipFadeIn{to{opacity:1}}.repro-wheel-svg{height:100%}:root{--warning-color:#f6ad55;--danger-color:#f56565;--bg-card:#fff}.users{animation:fadeIn .6s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:3rem 2rem}.H2-users,.users>h2{-webkit-text-fill-color:#0000;animation:fadeInDown .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin-bottom:2rem;position:relative}.H2-users:after{animation:expandWidth .8s cubic-bezier(.4,0,.2,1) .3s backwards;border-radius:2px;bottom:-12px;content:"";height:4px;left:0;position:absolute;width:80px}.H2-users:after,.add-user{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.add-user{align-items:center;animation:fadeInRight .6s cubic-bezier(.4,0,.2,1) .2s backwards;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;margin-bottom:2.5rem;margin-left:2.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.add-user .add-user-icon{content:"";font-size:1.2rem}.add-user:after{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.add-user:hover:after{transform:translateX(100%)}.add-user:hover{box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.add-user:active{transform:translateY(-1px)}.users>ul{grid-gap:2rem;animation:fadeIn .6s ease-out .3s backwards;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));list-style:none;margin:0;padding:0}.users>ul>li{animation:slideUp .6s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.1s);background:#fff;background:var(--bg-card);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.users>ul>li:first-child{--index:0}.users>ul>li:nth-child(2){--index:1}.users>ul>li:nth-child(3){--index:2}.users>ul>li:nth-child(4){--index:3}.users>ul>li:nth-child(5){--index:4}.users>ul>li:nth-child(6){--index:5}.users>ul>li:nth-child(7){--index:6}.users>ul>li:nth-child(8){--index:7}.users>ul>li:nth-child(9){--index:8}.users>ul>li:nth-child(n+10){--index:9}.users>ul>li:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}.users>ul>li:hover:before{transform:scaleX(1)}.users>ul>li:after{background:radial-gradient(circle,#667eea08 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:200%}.users>ul>li:hover{border-color:#667eea33;box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.users>ul>li:hover:after{background:radial-gradient(circle,#667eea0f 0,#0000 70%)}.detailsU{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-left:4px solid #667eea;border-left:4px solid var(--accent-color);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.users>ul>li:hover .detailsU{background:linear-gradient(135deg,#667eea14,#764ba214);border-left-width:5px}.detailsU .user-icon{font-size:2rem;opacity:.25;position:absolute;right:1.5rem;top:1.5rem}.detailsU p{align-items:center;color:#4a5568;color:var(--text-medium);display:flex;font-size:.95rem;gap:.75rem;line-height:1.6;margin:0;padding:.5rem 0}.detailsU p strong{align-items:center;color:#1a202c;color:var(--text-dark);display:inline-flex;font-weight:600;gap:.5rem;min-width:80px}.detailsU br{display:none}.detailsU .Role-user{font-weight:600}.actionsU{align-items:center;border-top:1px solid #667eea1a;display:flex;gap:1rem;padding-top:1rem}.actionsU .delete,.actionsU .edit{border:none;border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;overflow:hidden;padding:.875rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.actionsU .edit{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.actionsU .edit .edit-icon{margin-right:.5rem}.actionsU .edit:after{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.actionsU .edit:hover:after{transform:translateX(100%)}.actionsU .edit:hover{box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.actionsU .delete{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.actionsU .delete .delete-icon{margin-right:.5rem}.actionsU .delete:after{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.actionsU .delete:hover:after{transform:translateX(100%)}.actionsU .delete:hover{box-shadow:0 10px 30px #f565654d;transform:translateY(-2px)}.actionsU .delete:active,.actionsU .edit:active{transform:translateY(0)}.loading-card{border:1px solid #667eea1a;border-radius:10px;cursor:default;padding:1.5rem;pointer-events:none}.loading-card:before{display:none}.loading-card:hover{border-color:#667eea1a;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:none}.loading-card{background:linear-gradient(135deg,#fff,#fff);border-left-color:#667eea26;display:block;margin:0 auto;width:60%}.loading-card .detailsU:before{display:none}.loading-card{animation:pulse 1.5s ease-in-out infinite;color:#718096;color:var(--text-light);font-size:1rem;justify-content:center;padding:2rem 0;text-align:center}.users .loading-card p{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}.empty-state{align-items:center;animation:fadeIn .6s ease-out;background:#fff;background:var(--bg-card);border:2px dashed #667eea33;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:300px;padding:4rem 2rem}.empty-state:after,.empty-state:before{display:none}.empty-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem;opacity:.5}.empty-state h3{color:#1a202c;color:var(--text-dark);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#718096;color:var(--text-light);font-size:1rem;margin:0}.role-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-left:.5rem;padding:.35rem .875rem;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid #667eea4d;color:#667eea;color:var(--accent-color)}.role-badge.eleveur{background:linear-gradient(135deg,#48bb7826,#38b2ac26);border:2px solid #48bb784d;color:#48bb78;color:var(--success-color)}@media (max-width:1200px){.users>ul{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.users{padding:2rem 1.5rem}.H2-users,.users>h2{font-size:2.5rem}.users>ul{gap:1.5rem;grid-template-columns:1fr}.users>ul>li{padding:1.5rem}.detailsU{padding:1.25rem}.actionsU{flex-direction:column}.actionsU .delete,.actionsU .edit{width:100%}}@media (max-width:480px){.users{padding:1.5rem 1rem}.H2-users,.users>h2{font-size:2rem;margin-bottom:1.5rem}.add-user{font-size:.95rem;margin-bottom:2rem;padding:.875rem 1.5rem}.users>ul>li{padding:1.25rem}.detailsU{padding:1rem}.detailsU p{align-items:flex-start;flex-direction:column;font-size:.875rem;gap:.25rem}.detailsU p strong{min-width:auto}.actionsU .delete,.actionsU .edit{font-size:.9rem;padding:.75rem 1.25rem}}.users>ul>li:focus-within{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:4px}.actionsU .delete:focus-visible,.actionsU .edit:focus-visible,.add-user:focus-visible{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:3px}.users::-webkit-scrollbar{width:10px}.users::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-light);border-radius:10px}.users::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.users::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}@media print{.users{background:#fff;padding:1rem}.users>ul>li{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.actionsU,.add-user,.loading-card{display:none}.H2-users,.users>h2{-webkit-text-fill-color:#000;color:#000}}@media (prefers-color-scheme:dark){.users h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9bacf5,#aa76df);-webkit-background-clip:text;background-clip:text}.users ul li{background-color:rgba(29,28,28,.445)}.detailsU p{color:#fff}.detailsU p strong{color:#b4a8fc}.empty-state{background-color:rgba(29,28,28,.445)}.empty-state h3,.empty-state p{color:#fff}}:root{--primary:#6366f1;--secondary:#8b5cf6;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--bg-primary:#fff;--bg-secondary:#f8fafc;--border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.login-page{left:0;margin:0!important;min-height:100vh;padding:0!important;position:absolute;top:0;width:100%}.login-left,.login-page{background:#fff;background:var(--bg-primary);display:flex}.login-left{align-items:center;flex:1 1;justify-content:center;overflow:hidden;padding:4rem 2rem;position:relative}.login-content{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);max-width:480px;width:100%}.logo-section{margin-bottom:3rem}.logo-icon{box-shadow:0 8px 16px #6366f14d}.logo-icon,.logo-text{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.welcome-text{margin-bottom:2.5rem}.welcome-text h2{color:var(--text-primary);font-size:2.5rem}.welcome-text p{color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group label{color:var(--text-primary)}.input-icon{color:var(--text-tertiary)}.input-field{background:var(--bg-secondary);color:var(--text-primary)}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{background:var(--bg-primary);border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.input-wrapper:focus-within .input-icon{color:#6366f1}.submit-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f166;margin-top:1rem;overflow:hidden;position:relative}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #6366f180}.login-right{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:4rem;position:relative}.features-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:1024px){.login-right{display:none}.login-left{flex:1 1}.hero-title{font-size:2.5rem}}@media (max-width:480px){.login-left{padding:2rem 1.5rem}.welcome-text h2{font-size:2rem}.welcome-text p{font-size:1rem}.logo-text{font-size:1.25rem}.input-field{padding:.875rem 1rem .875rem 3rem}.submit-button{padding:1rem 1.5rem}}@media (prefers-color-scheme:dark){:root{--text-primaryL:#f1f5f9;--text-secondaryL:#cbd5e1;--text-tertiaryL:#64748b;--bg-primaryL:#0f172a;--bg-secondaryL:#1e293b;--borderL:#334155}.login-left{background:var(--bg-primaryL)}.input-field{background:var(--bg-secondaryL);color:var(--text-primaryL)}}.social-login{margin-top:1.5rem}.social-divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.social-divider:after,.social-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.social-divider span{color:#64748b;font-size:.875rem;padding:0 1rem}.social-buttons{display:flex;gap:1rem}.social-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#1e293b;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.social-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-btn:active{transform:translateY(0)}.social-icon{font-size:1.25rem}.google-btn:hover{background:#fef2f2;border-color:#db4437}.google-btn .social-icon{color:#db4437}.facebook-btn:hover{background:#eff6ff;border-color:#1877f2}.facebook-btn .social-icon{color:#1877f2}@media (max-width:640px){.social-buttons{flex-direction:column}}:root{--primary:#667eea;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#764ba2;--success:#10b981;--error:#ef4444;--text-primarySU:#0f172a;--text-secondarySU:#475569;--text-tertiarySU:#94a3b8;--bg-primarySU:#fff;--bg-secondarySU:#f8fafc;--borderSU:#e2e8f0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.signup-page{left:0;margin:0!important;min-height:100vh;padding:0!important;position:absolute;top:0;width:100%}.signup-left,.signup-page{background:#fff;background:var(--bg-primarySU);display:flex}.signup-left{align-items:center;flex:1 1;justify-content:center;overflow-y:auto;padding:3rem 2rem;position:relative}.signup-content{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);max-width:480px;width:100%}.logo-section{gap:1rem;margin-bottom:2.5rem}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{border-radius:16px;box-shadow:0 8px 16px #667eea4d;font-size:2rem;height:56px;justify-content:center;width:56px}.logo-icon,.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.logo-text{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.welcome-text{margin-bottom:2rem}.welcome-text h2{color:#0f172a;color:var(--text-primarySU);font-size:2.25rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:.5rem}.welcome-text p{color:#475569;color:var(--text-secondarySU);font-size:1.125rem;font-weight:400}.error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#ef4444;color:var(--error);font-size:.875rem;font-weight:500;gap:.75rem}.signup-form{gap:1.25rem}.input-group,.signup-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{color:#0f172a;color:var(--text-primarySU);font-size:.875rem;font-weight:600;letter-spacing:-.2px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;color:var(--text-tertiarySU);font-size:1rem;left:1.25rem;pointer-events:none;position:absolute;transition:all .2s ease;z-index:1}.input-field{background:#f8fafc;background:var(--bg-secondarySU);border:2px solid #0000;border-radius:12px;color:#0f172a;color:var(--text-primarySU);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:1rem 1.25rem 1rem 3.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.input-field::placeholder{color:#94a3b8;color:var(--text-tertiarySU);font-weight:400}.input-field:focus{background:#fff;background:var(--bg-primarySU);border-color:#667eea;border-color:var(--primary);box-shadow:0 0 0 4px #667eea1a}.input-wrapper:focus-within .input-icon{color:#667eea;color:var(--primary);transform:scale(1.1)}.select-field{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;cursor:pointer;padding-right:3rem}.select-field:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select-field option{background:#fff;color:#0f172a;color:var(--text-primarySU);padding:.5rem}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1.125rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea80;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin 1s linear infinite}.form-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--borderSU);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.form-footer p{color:#475569;color:var(--text-secondarySU);font-size:.875rem}.link-primary{color:#667eea;color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s ease}.link-primary:hover{color:#4f46e5;color:var(--primary-dark);text-decoration:underline}.signup-right{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:4rem;position:relative}.hero-content{animation:fadeIn 1s cubic-bezier(.16,1,.3,1) .3s backwards;max-width:600px;position:relative;z-index:2}.hero-badge{background:#ffffff26;border:1px solid #fff3;border-radius:100px;color:#fff;font-weight:600;gap:.625rem;padding:.625rem 1.25rem}.badge-dot{animation:pulse-dot 2s ease-in-out infinite;background:#10b981}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero-title{color:#fff;font-weight:900;letter-spacing:-2px;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);display:block}.hero-description{color:#ffffffe6;font-size:1.25rem;font-weight:400;line-height:1.7;margin-bottom:3rem}.features-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{background:#ffffff26;box-shadow:0 12px 24px #0003;transform:translateY(-4px)}.feature-icon{color:#fff;display:inline-block;font-size:2rem;margin-bottom:.75rem}.feature-card h3{color:#fff;font-size:1rem;font-weight:700;letter-spacing:-.3px;margin-bottom:.5rem}.feature-card p{color:#fffc;font-size:.875rem;line-height:1.5}.bg-decoration{animation:float-decoration 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.6;position:absolute}.decoration-1{background:radial-gradient(circle,#fbbf2466 0,#0000 70%);height:500px;right:-10%;top:-10%;width:500px}.decoration-2{animation-delay:3s;background:radial-gradient(circle,#8b5cf666 0,#0000 70%);bottom:-5%;height:400px;left:-5%;width:400px}.decoration-3{animation-delay:6s;background:radial-gradient(circle,#10b9814d 0,#0000 70%);height:350px;left:50%;top:40%;width:350px}@keyframes float-decoration{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.bg-grid{animation:grid-move 20s linear infinite;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@media (max-width:1024px){.signup-right{display:none}.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.signup-left{padding:2rem 1.5rem}.welcome-text h2{font-size:1.875rem}.welcome-text p{font-size:1rem}.logo-text{font-size:1.25rem}.input-field{padding:.875rem 1rem .875rem 3rem}.submit-button{padding:1rem 1.5rem}}@media (prefers-color-scheme:dark){:root{--text-primarySU:#f1f5f9;--text-secondarySU:#cbd5e1;--text-tertiarySU:#64748b;--bg-primarySU:#0f172a;--bg-secondarySU:#1e293b;--borderSU:#334155}.signup-left{background:#fff;background:var(--bg-primarySU)}.input-field{color:#0f172a;color:var(--text-primarySU)}.input-field,.select-field option{background:#f8fafc;background:var(--bg-secondarySU)}}.details-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:40px auto;max-width:900px;padding:20px}.details-title{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:30px;text-align:center}.details-card{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #667eea26,0 0 0 1px #667eea1a;margin-bottom:40px;padding:35px;transition:transform .3s ease,box-shadow .3s ease}.details-card:hover{box-shadow:0 20px 50px #667eea33,0 0 0 1px #667eea26;transform:translateY(-5px)}.details-row{align-items:center;border-bottom:1px solid #667eea1a;display:flex;justify-content:space-between;padding:18px 0;transition:all .3s ease}.details-row:last-child{border-bottom:none}.details-row:hover{background:linear-gradient(90deg,#667eea0d,#0000);border-radius:8px;padding-left:10px}.details-row .label{align-items:center;color:#667eea;display:flex;font-size:1rem;font-weight:600;gap:8px}.details-row .label:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.details-row span:last-child{color:#2d3748;font-size:1rem;font-weight:500;text-align:right}.qr-print-area{animation:fadeInUp .8s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #667eea1a,0 0 0 1px #667eea14;margin-bottom:30px;padding:40px;text-align:center}.qr-print-area h2{color:#667eea;display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:25px;position:relative}.qr-print-area h2:after{background:linear-gradient(90deg,#0000,#667eea,#0000);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.qr-print-area>div{background:#fff;border-radius:12px;box-shadow:0 5px 20px #667eea26;display:inline-block;padding:20px;transition:transform .3s ease}.qr-print-area>div:hover{transform:scale(1.05)}.print-btn{animation:fadeIn 1s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 30px #667eea4d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto;max-width:400px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;width:100%}.print-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.print-btn:hover:before{left:100%}.print-btn:hover{box-shadow:0 15px 40px #667eea66,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.print-btn:active{box-shadow:0 5px 15px #667eea4d,inset 0 1px 0 #fff3;transform:translateY(0)}.print-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.details-wrapper{margin:20px auto;padding:15px}.details-title{font-size:2rem;margin-bottom:20px}.details-card{border-radius:15px;padding:25px}.details-row{align-items:flex-start;flex-direction:column;gap:8px;padding:15px 0}.details-row span:last-child{font-size:.95rem;text-align:left}.qr-print-area{padding:25px}.qr-print-area h2{font-size:1.3rem}.print-btn{font-size:1rem;padding:14px 28px}}@media (max-width:480px){.details-card{padding:20px}.details-row{padding:12px 0}.details-row .label{font-size:.9rem}.qr-print-area{padding:20px}}@media print{.details-wrapper{max-width:100%}.details-card,.print-btn{display:none}.qr-print-area{border:2px solid #667eea;box-shadow:none;page-break-inside:avoid}.qr-print-area h2{color:#000}@page{margin:20mm}}@media (prefers-color-scheme:dark){.details-card{background:#2d3748f2}.details-row span:last-child{color:#e2e8f0}.details-row{border-bottom-color:#667eea33}.qr-print-area{background:#53565a}}:root{--error-color:#f56565}.user-form-container{align-items:center;animation:fadeIn .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.user-form-card{animation:slideUp .6s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);max-width:700px;overflow:hidden;padding:3rem;position:relative;width:100%}.user-form-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-form-card:after{background:radial-gradient(circle,#667eea05 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.user-form-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Playfair Display,serif;font-size:2.25rem;font-weight:700;letter-spacing:-.5px;margin:0 0 2rem;position:relative}.user-form-card h2:after{animation:expandWidth .8s cubic-bezier(.4,0,.2,1) .3s backwards;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:60px}.user-form-card form{position:relative;z-index:1}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.form-group{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.1s);position:relative}.form-group:first-child{--index:0}.form-group:nth-child(2){--index:1}.form-group:nth-child(3){--index:2}.form-group:nth-child(4){--index:3}.form-group:nth-child(5){--index:4}.form-group:nth-child(6){--index:5}.form-group label{color:#1a202c;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;letter-spacing:.2px;margin-bottom:.625rem;padding-left:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group label:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;content:"";height:16px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:3px}.form-group:focus-within label:before{opacity:1}.form-group input,.form-group select{background:#fff;background:var(--bg-input);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#1a202c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group .eleveur-role{background-color:#d4d4d4;border:1px solid #718096;border:1px solid var(--text-light);border-radius:10px;color:#4a5568;color:var(--text-medium);cursor:default;display:block;font-size:2rem;padding:4px}.form-group input::placeholder{color:#718096;color:var(--text-light);font-weight:400}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;border-color:var(--border-focus);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-group input:hover,.form-group select:hover{border-color:#5568d3;border-color:var(--accent-hover)}.form-group input:valid:not(:placeholder-shown){background:#48bb7805;border-color:#48bb78;border-color:var(--success-color)}.form-group input:invalid:not(:placeholder-shown):not(:focus){background:#f5656505;border-color:#f56565;border-color:var(--error-color)}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.form-group input[type=password]{letter-spacing:.15em}.form-group input[type=password]::placeholder{letter-spacing:normal}.submit-btn{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .6s backwards;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:1rem;overflow:hidden;padding:1.125rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.submit-btn:before{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:before{transform:translateX(100%)}.submit-btn:hover{box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.submit-btn:active{box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-btn.loading{pointer-events:none;position:relative}.submit-btn.loading:after{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin-left:-10px;margin-top:-10px;position:absolute;top:50%;width:20px}.helper-text{color:#718096;color:var(--text-light);font-size:.85rem;font-style:italic;margin-top:.375rem}.error-message{align-items:center;animation:shake .5s ease-in-out;background:linear-gradient(135deg,#f565651a,#e53e3e1a);border-left:4px solid #f56565;border-left:4px solid var(--error-color);border-radius:10px;color:#f56565;color:var(--error-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-message:before{content:"⚠️";font-size:1.25rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success-message{align-items:center;animation:slideDown .5s ease-out;background:linear-gradient(135deg,#48bb781a,#38b2ac1a);border-left:4px solid #48bb78;border-left:4px solid var(--success-color);border-radius:10px;color:#48bb78;color:var(--success-color);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.success-message:before{content:"✅";font-size:1.25rem}.form-group input:required+label:after,.form-group select:required+label:after{color:#f56565;color:var(--error-color);content:" *";font-weight:700}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}.form-group:nth-child(3),.form-group:nth-child(4){grid-column:span 1}.form-group:nth-child(3){grid-column:1/2}.form-group:nth-child(4){grid-column:2/3}}@media (max-width:768px){.user-form-container{padding:1.5rem}.user-form-card{padding:2rem 1.5rem}.user-form-card h2{font-size:1.875rem}.form-group input,.form-group select{font-size:.95rem;padding:.75rem 1rem}.submit-btn{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.user-form-container{padding:1rem}.user-form-card{padding:1.5rem 1.25rem}.user-form-card h2{font-size:1.5rem;margin-bottom:1.5rem}.form-grid{gap:1.25rem}.form-group label{font-size:.875rem}.form-group input,.form-group select{font-size:.9rem;padding:.75rem 1rem}.submit-btn{font-size:.95rem;padding:.875rem 1.25rem}}.form-group input:focus-visible,.form-group select:focus-visible,.submit-btn:focus-visible{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:3px}.user-form-card::-webkit-scrollbar{width:8px}.user-form-card::-webkit-scrollbar-track{background:#667eea0d;border-radius:10px}.user-form-card::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.user-form-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}@media (prefers-color-scheme:dark){.user-form-container{background:linear-gradient(135deg,#1a202c,#2d3748)}.user-form-card{background:#2d3748;border-color:#667eea33}.user-form-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text}.form-group label{color:#e2e8f0}.form-group input,.form-group select{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.form-group input:focus,.form-group select:focus{background:#2d3748}}@media print{.user-form-container{background:#fff;padding:1rem}.user-form-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}.submit-btn{display:none}.user-form-card h2{-webkit-text-fill-color:#000;color:#000}}.form-group.floating-label{position:relative}.form-group.floating-label label{background:#fff;color:#718096;color:var(--text-light);left:1.25rem;padding:0 .5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-group.floating-label input:focus+label,.form-group.floating-label input:not(:placeholder-shown)+label,.form-group.floating-label select:focus+label,.form-group.floating-label select:not([value=""])+label{color:#667eea;color:var(--accent-color);font-size:.85rem;font-weight:600;top:0}.profile-container{align-items:center;animation:fadeIn .6s cubic-bezier(.4,0,.2,1);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:3rem 2rem}.profile-ul{animation:scaleIn .6s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);list-style:none;margin:0;max-width:600px;overflow:hidden;padding:0;position:relative;width:100%}.profile-ul:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-ul:after{align-items:center;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55);background:#fff;background:var(--bg-white);border:4px solid #f7fafc;border:4px solid var(--bg-light);border-radius:50%;box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);content:"👤";display:flex;font-size:3rem;height:100px;justify-content:center;left:50%;position:absolute;top:-40px;transform:translateX(-50%);width:100px;z-index:10}@keyframes bounceIn{0%{opacity:0;transform:translateX(-50%) scale(0)}50%{transform:translateX(-50%) scale(1.1)}to{opacity:1;transform:translateX(-50%) scale(1)}}.profile-li{align-items:center;animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.1s + .2s);border-bottom:1px solid #667eea14;color:#4a5568;color:var(--text-medium);display:flex;font-size:1.05rem;justify-content:space-between;padding:1.75rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-li:first-child{--index:0;margin-top:60px}.profile-li:nth-child(2){--index:1}.profile-li:nth-child(3){--index:2}.profile-li:nth-child(4){--index:3}.profile-li:last-child{background:linear-gradient(135deg,#667eea05,#764ba205);border-bottom:none;justify-content:center;padding:2rem 2.5rem}.profile-li:not(:last-child):hover{background:linear-gradient(135deg,#667eea08,#764ba208);padding-left:2.75rem}.profile-li:not(:last-child):before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.profile-li:not(:last-child):hover:before{transform:scaleY(1)}.profile-li:first-child:after,.profile-li:nth-child(2):after,.profile-li:nth-child(3):after{content:"";font-size:1.25rem;left:2rem;opacity:0;position:absolute;transition:opacity .3s ease}.profile-li:not(:last-child):hover:after{left:2.5rem;opacity:1}.profile-li strong{color:#1a202c;color:var(--text-dark);font-size:1.1rem;font-weight:600;letter-spacing:.2px;margin-left:1rem}.profile-li:nth-child(3) strong{background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid #667eea4d;border-radius:20px;color:#667eea;color:var(--accent-color);display:inline-block;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-left:1rem;padding:.4rem 1rem;text-transform:uppercase}.editProfile{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;letter-spacing:.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.editProfile:after{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.editProfile:hover:after{transform:translateX(100%)}.editProfile:hover{box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.editProfile:active{transform:translateY(-1px)}.profile-header{animation:fadeInDown .6s cubic-bezier(.4,0,.2,1);margin-bottom:2rem;text-align:center}.profile-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0 0 .5rem}.profile-header p{color:#4a5568;color:var(--text-medium);font-size:1.1rem;margin:0}.profile-stats{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .3s backwards;display:flex;gap:1rem;margin-bottom:2rem}.profile-stat{background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);flex:1 1;padding:1.25rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-stat:hover{box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.profile-stat h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .25rem}.profile-stat p{color:#4a5568;color:var(--text-medium);font-size:.875rem;letter-spacing:.5px;margin:0;text-transform:uppercase}@media (max-width:768px){.profile-container{padding:2rem 1.5rem}.profile-ul{max-width:100%}.profile-ul:after{font-size:2.5rem;height:80px;top:-35px;width:80px}.profile-li:first-child{margin-top:50px}.profile-li{align-items:flex-start;flex-direction:column;font-size:.95rem;gap:.5rem;padding:1.5rem 2rem}.profile-li strong{font-size:1.05rem;margin-left:0}.profile-li:nth-child(3) strong{margin-left:0}.editProfile{font-size:.95rem;padding:.875rem 2rem}.profile-header h1{font-size:2.25rem}.profile-stats{flex-direction:column}}@media (max-width:480px){.profile-container{padding:1.5rem 1rem}.profile-ul:after{font-size:2rem;height:70px;top:-30px;width:70px}.profile-li:first-child{margin-top:45px}.profile-li{font-size:.9rem;padding:1.25rem 1.5rem}.profile-li strong{font-size:1rem}.editProfile{font-size:.9rem;justify-content:center;padding:.75rem 1.5rem;width:100%}.profile-header h1{font-size:1.875rem}.profile-header p{font-size:1rem}}@media print{.profile-container{background:#fff;padding:1rem}.profile-ul{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}.editProfile,.profile-ul:after{display:none}.profile-li strong{color:#000}.profile-header h1{-webkit-text-fill-color:#000;color:#000}}.profile-li:focus-within{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:4px}.editProfile:focus-visible{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:3px}@media (prefers-contrast:high){.profile-ul{border:2px solid #1a202c;border:2px solid var(--text-dark)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.profile-ul.loading .profile-li{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;color:#0000}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-ul.loading .profile-li strong{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;color:#0000}.profile-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.profile-action-btn{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #667eea33;border-radius:10px;color:#1a202c;color:var(--text-dark);display:flex;flex:1 1;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.user-form-profile{align-items:center;background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.user-form-card-profile{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:30px;transition:box-shadow .3s ease;width:100%}.user-form-card-profile:hover{box-shadow:0 6px 30px #00000040}.user-form-card-profile h2{color:#333;font-size:1.8em;font-weight:700;margin-bottom:20px;text-align:center}form{width:100%}.form-grid1{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group1{display:flex;flex-direction:column}.form-group1 label{color:#00268f;font-size:1em;margin-bottom:5px}.form-group1 input{border:1px solid #ddd;border-radius:5px;font-size:1em;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}.form-group1 input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.form-group1 strong{background-color:#f0f0f0;border-radius:5px;color:#333;display:block;font-weight:700;padding:10px}.Enregistrer-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.Enregistrer-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.Enregistrer-btn:active{transform:translateY(0)}@media (max-width:768px){.form-grid1{gap:15px;grid-template-columns:1fr}.user-form-card-profile{padding:20px}.user-form-card-profile h2{font-size:1.5em}}@media (prefers-color-scheme:dark){.user-form-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9bacf5,#aa76df);-webkit-background-clip:text;background-clip:text}}.form-group .pass{content:"";font-size:1.25rem;margin-left:.75rem}:root{--text-medium:#4a5568;--bg-input:#fff;--border-color:#e2e8f0;--border-focus:#667eea}.container-edit-repro{animation:fadeIn .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f7fafc,#edf2f7);font-family:Inter,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:3rem 2rem}.h2-edit-repro{-webkit-text-fill-color:#0000;animation:fadeInDown .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0 0 2.5rem;position:relative}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.h2-edit-repro:after{animation:expandWidth .8s cubic-bezier(.4,0,.2,1) .3s backwards;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-12px;content:"";height:4px;left:0;position:absolute;width:80px}.h2-edit-repro:before{animation:float 3s ease-in-out infinite;content:"✏️";display:inline-block;font-size:2.5rem;margin-right:.75rem}.form-edit-repro{animation:scaleIn .6s cubic-bezier(.4,0,.2,1) .2s backwards;background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);overflow:hidden;padding:2.5rem;position:relative}.form-edit-repro:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-edit-repro:after{background:radial-gradient(circle,#667eea05 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.form-edit-repro>div{animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.05s + .3s);margin-bottom:1.75rem;position:relative}.form-edit-repro>div:first-child{--index:0}.form-edit-repro>div:nth-child(2){--index:1}.form-edit-repro>div:nth-child(3){--index:2}.form-edit-repro>div:nth-child(4){--index:3}.form-edit-repro>div:nth-child(5){--index:4}.form-edit-repro>div:nth-child(6){--index:5}.form-edit-repro>div:nth-child(7){--index:6}.form-edit-repro label{color:#1a202c;color:var(--text-dark);display:block;font-size:.95rem;font-weight:600;letter-spacing:.2px;margin-bottom:.625rem;padding-left:.5rem;position:relative}.form-edit-repro label:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;content:"";height:16px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:3px}.form-edit-repro>div:focus-within label:before{opacity:1}.form-edit-repro input,.form-edit-repro select,.form-edit-repro textarea{background:#fff;background:var(--bg-input);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#1a202c;color:var(--text-dark);font-family:Inter,sans-serif;font-size:1rem;font-weight:500;outline:none;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-edit-repro input::placeholder,.form-edit-repro textarea::placeholder{color:#718096;color:var(--text-light);font-weight:400}.form-edit-repro input:focus,.form-edit-repro select:focus,.form-edit-repro textarea:focus{background:#fff;border-color:#667eea;border-color:var(--border-focus);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-edit-repro input:hover,.form-edit-repro select:hover,.form-edit-repro textarea:hover{border-color:#5568d3;border-color:var(--accent-hover)}.form-edit-repro input:valid:not(:placeholder-shown),.form-edit-repro select:valid:not([value=""]),.form-edit-repro textarea:valid:not(:placeholder-shown){background:#48bb7805;border-color:#48bb78;border-color:var(--success-color)}.form-edit-repro input[type=date]{cursor:pointer;position:relative}.form-edit-repro input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.form-edit-repro input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.form-edit-repro textarea{font-family:Inter,sans-serif;line-height:1.6;min-height:120px;resize:vertical}.form-edit-repro button[type=submit]{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .8s backwards;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:1.5rem;overflow:hidden;padding:1.125rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-edit-repro button[type=submit]:before{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.form-edit-repro button[type=submit]:hover:before{transform:translateX(100%)}.form-edit-repro button[type=submit]:hover{box-shadow:0 20px 40px #667eea33;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.form-edit-repro button[type=submit]:active{box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.form-edit-repro button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (min-width:768px){.form-edit-repro{grid-gap:1.75rem 1.5rem;display:grid;gap:1.75rem 1.5rem;grid-template-columns:1fr 1fr}.form-edit-repro>button,.form-edit-repro>div:first-child,.form-edit-repro>div:nth-child(5),.form-edit-repro>div:nth-child(6){grid-column:1/-1}.form-edit-repro>div:nth-child(2),.form-edit-repro>div:nth-child(3),.form-edit-repro>div:nth-child(4){grid-column:span 1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container-edit-repro{padding:2rem 1.5rem}.h2-edit-repro{font-size:2.5rem}.form-edit-repro{padding:2rem 1.5rem}.form-edit-repro input,.form-edit-repro select,.form-edit-repro textarea{font-size:.95rem;padding:.75rem 1rem}.form-edit-repro button[type=submit]{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.container-edit-repro{padding:1.5rem 1rem}.h2-edit-repro{font-size:2rem;margin-bottom:2rem}.h2-edit-repro:before{font-size:2rem}.form-edit-repro{padding:1.5rem 1.25rem}.form-edit-repro>div{margin-bottom:1.5rem}.form-edit-repro label{font-size:.875rem}.form-edit-repro input,.form-edit-repro select,.form-edit-repro textarea{font-size:.9rem;padding:.75rem 1rem}.form-edit-repro button[type=submit]{font-size:.95rem;padding:.875rem 1.25rem}}.form-edit-repro button[type=submit]:focus-visible,.form-edit-repro input:focus-visible,.form-edit-repro select:focus-visible,.form-edit-repro textarea:focus-visible{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:3px}.container-edit-repro::-webkit-scrollbar{width:10px}.container-edit-repro::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-light);border-radius:10px}.container-edit-repro::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.container-edit-repro::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}@media print{.container-edit-repro{background:#fff;padding:1rem}.form-edit-repro{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}.form-edit-repro button[type=submit]{display:none}.h2-edit-repro{-webkit-text-fill-color:#000;color:#000}}.ModelBtnsDiv{display:flex;gap:10px;margin-left:40px;margin-top:20px}.todayDate{float:right;margin-right:40px;margin-top:40px}.todayDate label{color:blue}@media (max-width:425px){.todayDate{margin-bottom:30px;margin-right:0;margin-top:10px}}@media (max-width:400px){.ModelBtnsDiv{margin-left:0}}@media (max-width:260px){.ModelBtnsDiv{flex-direction:column}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--accent-color:#667eea;--accent-color2:#1838eb;--accent-hover:#5568d3;--success-color:#48bb78;--success-gradient:linear-gradient(135deg,#48bb78,#38b2ac);--text-medium:#383e47;--text-light:#718096;--bg-white:#fff;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 10px 30px #667eea26;--shadow-xl:0 20px 40px #667eea33;--border-radius:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.todo-container{animation:fadeIn .6s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:3rem 2rem}.todo-container>h2{-webkit-text-fill-color:#0000;animation:slideInDown .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Playfair Display,serif;font-size:3rem;font-weight:700;letter-spacing:-1px;margin:0 0 2.5rem;position:relative}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.todo-container>h2:after{animation:expandWidth .8s cubic-bezier(.4,0,.2,1) .3s backwards;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:2px;bottom:-12px;content:"";height:4px;left:0;position:absolute;width:80px}@keyframes expandWidth{0%{width:0}to{width:80px}}.todo-date{background:linear-gradient(135deg,#9400f7,#8611c9 50%,#3f41ee);border-radius:10px;color:#fff;font-weight:700;padding:10px 20px}.todo-container>h2:before{content:"";display:inline-block;margin-right:.5rem}.calendar{font-size:1.5rem;margin-bottom:-.25rem;margin-right:.5rem}.todo-container>p{animation:scaleIn .6s cubic-bezier(.4,0,.2,1) .3s backwards;background:#fff;background:var(--bg-white);border:2px dashed #667eea33;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#383e47;color:var(--text-medium);font-size:1.25rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.Rien-a-faire:before{animation:celebrate 1s ease-in-out infinite alternate;content:"";display:block;font-size:3rem;margin-bottom:1rem}@keyframes celebrate{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(10deg) scale(1.1)}}.todo-container>p:after{background:radial-gradient(circle,#667eea08 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.todo-item{align-items:center;animation:slideInLeft .5s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--index)*.1s);background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.todo-item:nth-child(3){--index:0}.todo-item:nth-child(4){--index:1}.todo-item:nth-child(5){--index:2}.todo-item:nth-child(6){--index:3}.todo-item:nth-child(7){--index:4}.todo-item:nth-child(8){--index:5}.todo-item:nth-child(9){--index:6}.todo-item:nth-child(n+10){--index:7}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.todo-item:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.4,0,.2,1);width:4px}.todo-item:hover:before{transform:scaleY(1)}.todo-item:after{background:radial-gradient(circle,#667eea05 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:200%}.todo-item:not(.done):hover{border-color:#667eea4d;box-shadow:0 10px 30px #667eea26;box-shadow:var(--shadow-lg);transform:translateX(8px)}.todo-item:not(.done):hover:after{background:radial-gradient(circle,#667eea0a 0,#0000 70%)}@media(prefers-color-scheme:dark){.todo-item:not(.undone){background:radial-gradient(circle,rgba(61,64,92,.466) 0,#0000 20%)}}.todo-item>div{flex:1 1;position:relative;z-index:1}.todo-item strong{background-color:#f8f18c;border-radius:8px;color:#1a202c;color:var(--text-dark);display:block;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:.75rem;padding:.5rem 1.25rem .5rem 2rem;position:relative}.todo-item strong:before{content:"";font-size:1.5rem;left:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.todo-item:hover strong:before{transform:scale(1.2) rotate(5deg)}.todo-item p:not(.todo-date){color:#383e47;color:var(--text-medium);font-size:1rem;font-weight:500;line-height:1.6;margin:.5rem 0;padding-left:2rem}.todo-item .description{background:linear-gradient(135deg,#a55df76b,#8a41b467 50%,#494bee7e);border-radius:10px}.todo-item p:last-child{background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:8px;color:#1838eb;color:var(--accent-color2);display:inline-block;font-weight:600;margin-top:1rem;padding:.5rem 1rem .5rem 2.5rem;position:relative}.todo-item p:last-child:before{content:"";font-size:1.1rem;left:.75rem;position:absolute}.todo-item button{background:linear-gradient(135deg,#48bb78,#38b2ac);background:var(--success-gradient);border:none;border-radius:10px;box-shadow:0 1px 3px #00000014;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.875rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.todo-item.undone button:before{content:"✓";font-size:1.2rem;font-weight:700;margin-right:.5rem}.todo-item.done button:before{content:" - ";font-size:1.2rem;font-weight:700;margin-right:.5rem}.todo-item button:after{background:linear-gradient(135deg,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1)}.todo-item button:hover:after{transform:translateX(100%)}.todo-item button:hover{box-shadow:0 8px 20px #48bb784d;transform:translateY(-2px)}.todo-item button:active{transform:translateY(0)}.todo-item.done{animation:completionCelebrate .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#48bb780d,#38b2ac0d);border-color:#48bb7833;opacity:.8}.loading-message{animation:pulse 1.5s ease-in-out infinite;background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#383e47;color:var(--text-medium);font-size:1.25rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.loading-message:before{animation:spin 2s linear infinite;content:"⏳";display:block;font-size:3rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";inset:0;position:absolute}@keyframes completionCelebrate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.todo-item.done:before{background:linear-gradient(135deg,#48bb78,#38b2ac);background:var(--success-gradient);transform:scaleY(1)}.todo-item.done strong{color:#718096;color:var(--text-light);opacity:.7;text-decoration:line-through}.todo-item.done strong:before{animation:checkmark .5s ease-out;content:"✅"}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}.todo-item.done p{opacity:.6;text-decoration:line-through}.todo-item.done p:last-child{opacity:.8;text-decoration:none}.todo-progress{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) .2s backwards;background:#fff;background:var(--bg-white);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem 2rem}.todo-progress h3{color:#383e47;color:var(--text-medium);font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.progress-bar{background:#667eea1a;height:12px;width:100%}.progress-bar,.progress-fill{border-radius:10px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(135deg,#48bb78,#38b2ac);background:var(--success-gradient);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#383e47;color:var(--text-medium);display:flex;font-size:.875rem;justify-content:space-between;margin-top:.5rem}@media (max-width:768px){.todo-container{padding:2rem 1.5rem}.todo-container>h2{font-size:2.5rem}.todo-item{align-items:flex-start;flex-direction:column;padding:1.75rem}.todo-item button{padding:1rem;width:100%}.todo-item.done:after{bottom:1rem;right:1rem;top:auto}}@media (max-width:480px){.todo-container{padding:1.5rem 1rem}.todo-container>h2{font-size:2rem;margin-bottom:2rem}.todo-item{margin-bottom:1.25rem;padding:1.5rem}.todo-item strong{font-size:1.1rem;padding-left:1.75rem}.todo-item strong:before{font-size:1.25rem}.todo-item p{font-size:.875rem;padding-left:1.75rem}.todo-item button{font-size:.875rem;padding:.875rem}}@media print{.todo-container{background:#fff;padding:1rem}.todo-item{border:1px solid #ddd;box-shadow:none;margin-bottom:1rem;page-break-inside:avoid}.todo-item button{display:none}.todo-container>h2{-webkit-text-fill-color:#000;color:#000}.todo-item.done:after{background:#48bb78}}.todo-item:focus-within{outline:3px solid #667eea;outline:3px solid var(--accent-color);outline-offset:4px}.todo-item button:focus-visible{outline:3px solid #48bb78;outline:3px solid var(--success-color);outline-offset:3px}.todo-container.loading .todo-item{animation:pulse 1.5s ease-in-out infinite}.todo-container::-webkit-scrollbar{width:10px}.todo-container::-webkit-scrollbar-track{background:#f7fafc;background:var(--bg-light);border-radius:10px}.todo-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:10px}.todo-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#653a8c)}@media (prefers-color-scheme:dark){.todo-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9bacf5,#aa76df);-webkit-background-clip:text;background-clip:text}}:root{--primary-color:#667eea;--primary-light:#7c8ff0;--primary-dark:#5568d3;--gradient-start:#667eea;--gradient-end:#764ba2;--text-dark:#1a202c;--text-light:#4a5568;--bg-light:#f7fafc;--white:#fff;--success:#48bb78;--error:#f56565;--shadow-sm:0 2px 4px #667eea1a;--shadow-md:0 4px 6px #667eea26;--shadow-lg:0 10px 25px #667eea33}.verification-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.verification-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.verification-container{animation:slideUp .6s ease-out;max-width:480px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section{animation:fadeIn .8s ease-out .2s both;margin-bottom:32px;text-align:center}.logo-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:48px;margin-bottom:12px}.logo-icon,.logo-section h1{color:#fff;color:var(--white)}.logo-section h1{font-size:28px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 4px #0000001a}.verification-card{animation:slideUp .6s ease-out .1s both;background:#fff;background:var(--white);border-radius:24px;box-shadow:0 20px 60px #00000026;padding:48px 40px;position:relative;text-align:center}.email-icon-wrapper{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);border-radius:50%;box-shadow:0 10px 25px #667eea33;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.verification-card h2{color:#1a202c;color:var(--text-dark);font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.verification-text{color:#4a5568;color:var(--text-light);font-size:16px;line-height:1.6;margin-bottom:12px}.verification-text strong{color:#667eea;color:var(--primary-color);font-weight:600}.verification-subtext{color:#4a5568;color:var(--text-light);font-size:14px;line-height:1.6;margin-bottom:32px}.error-message,.success-message{animation:slideIn .3s ease-out;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.error-message{background:#fff5f5;border:1px solid #fc8181;color:#742a2a}.back-button,.resend-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.resend-button{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);box-shadow:0 4px 6px #667eea26;box-shadow:var(--shadow-md);color:#fff;color:var(--white);margin-bottom:12px}.resend-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.resend-button:hover:before{left:100%}.resend-button:hover{box-shadow:0 12px 30px #667eea4d;transform:translateY(-2px)}.resend-button:active{transform:translateY(0)}.resend-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-button{background:#0000;border:2px solid #e2e8f0;color:#667eea;color:var(--primary-color)}.back-button:hover{background:#f7fafc;border-color:#667eea;border-color:var(--primary-color);transform:translateY(-2px)}.back-button:active{transform:translateY(0)}@media (max-width:640px){.verification-page{padding:16px}.verification-card{border-radius:20px;padding:36px 24px}.logo-section h1,.verification-card h2{font-size:24px}.verification-text{font-size:15px}.email-icon-wrapper{font-size:32px;height:70px;width:70px}.back-button,.resend-button{font-size:15px;padding:12px 20px}}@media (max-width:380px){.verification-card{padding:28px 20px}.logo-section h1{font-size:20px}.verification-card h2{font-size:22px}}.form-group1 label{color:#000;display:block;font-size:1.25rem;font-weight:700;margin-bottom:8px}.form-group1 input{border:1px solid #4b4949;border-radius:6px;box-sizing:border-box;padding:12px 8px;width:100%}.landing-page{color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}.container1{margin:0 auto;max-width:1200px;padding:0 2rem}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 1px 3px #0000001a;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#667eea;font-size:1.25rem;font-weight:700;gap:.75rem}.nav-logo .logo-icon{font-size:2rem}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#64748b;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#667eea}.nav-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.625rem 1.5rem;transition:all .3s}.login-btn{background:#0000;color:#667eea}.login-btn:hover{background:#f1f5f9}.signup-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.signup-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.hero-section{background-image:url(/static/media/cowsBG.af0e4050aacd01a88248.jpg);background-size:cover;border-radius:0 0 100px 100px;color:#fff;overflow:hidden;padding:8rem 0 16rem;position:relative}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;height:70vh;margin:0 auto;max-width:1300px;padding:0 2rem}.hero-content{z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:2rem;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.badge-dot{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text}.hero-description1{color:#fff;font-size:1.5rem;line-height:1.8;margin-bottom:2.5rem;opacity:1;text-shadow:2px 2px 0 #000}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{box-shadow:0 15px 30px #0003;transform:translateY(-3px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.btn-secondary:hover{background:#ffffff4d}.hero-image{height:500px;position:relative}.floating-card{align-items:center;animation:float 3s ease-in-out infinite;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0003;color:#1e293b;display:flex;gap:1rem;padding:1.5rem;position:absolute}.floating-card .card-icon{color:#667eea;font-size:2.5rem}.card-number{color:#667eea;font-size:2rem;font-weight:700}.card-label{color:#64748b;font-size:.875rem}.card-1{animation-delay:0s;left:10%;top:10%}.card-2{animation-delay:.5s;right:15%;top:45%}.card-3{animation-delay:1s;bottom:15%;left:25%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.stats-section1{background:#f8fafc;padding:4rem 0}.stats-grid1{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.stat-item1{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center}.stat-number1{color:#667eea;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label1{color:#64748b;font-size:1rem}.features-section1{padding:6rem 0}.section-header1{margin-bottom:4rem;text-align:center}.section-title1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle1{color:#64748b;font-size:1.25rem}.features-grid1{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card1{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;transition:all .3s}.feature-card1:hover{border-color:#667eea;box-shadow:0 20px 40px #667eea26;transform:translateY(-10px)}.feature-icon1{color:#667eea;font-size:3rem;margin-bottom:1.5rem}.feature-title1{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-description1{color:#64748b;line-height:1.7}.how-it-works-section{background:#f8fafc;padding:6rem 0}.steps-grid1{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);position:relative}.step-card1{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem;position:relative;text-align:center}.step-number1{color:#667eea;font-size:3rem;font-weight:800;margin-bottom:1rem;opacity:.2}.step-title1{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.step-description1{color:#64748b;line-height:1.7}.step-arrow{color:#667eea;font-size:2rem;opacity:.3;position:absolute;right:-3rem;top:50%}.benefits-section1{padding:6rem 0}.benefits-content1{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.benefits-list1{margin:2rem 0}.benefit-item1{align-items:center;display:flex;font-size:1.125rem;gap:1rem;padding:1rem 0}.benefit-icon1{color:#10b981;font-size:1.5rem}.benefit-visual{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.visual-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.visual-item:nth-child(3){grid-column:1/-1}.visual-icon{font-size:3rem}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.btn-cta{align-items:center;background:#fff;border:none;border-radius:.75rem;color:#667eea;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:600;gap:.75rem;padding:1.25rem 3rem;transition:all .3s}.btn-cta:hover{box-shadow:0 20px 40px #0003;transform:translateY(-5px)}.landing-footer{background:#1e293b;color:#fff;padding:4rem 0 2rem}.footer-content1{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-section1 h4{font-size:1.125rem;margin-bottom:1rem}.footer-section a,.footer-section1 a{color:#94a3b8;display:block;margin-bottom:.75rem;text-decoration:none;transition:color .3s}.footer-section a:hover,.footer-section1 a:hover{color:#fff}.footer-logo1{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.footer-logo1 .logo-icon1{font-size:2rem}.footer-bottom1{border-top:1px solid #334155;color:#94a3b8;padding-top:2rem;text-align:center}@media (prefers-color-scheme:dark){.landing-page{background:#0f172a;color:#e2e8f0}.landing-nav{background:#0f172af2;box-shadow:0 1px 3px #0000004d}.nav-logo{color:#818cf8}.nav-links a{color:#cbd5e1}.nav-links a:hover{color:#818cf8}.login-btn:hover,.stats-section1{background:#1e293b}.stat-item1{background:#334155;box-shadow:0 4px 6px #0003}.stat-number1{color:#818cf8}.stat-label1{color:#cbd5e1}.features-section1{background:#0f172a}.section-title1{color:#f1f5f9}.section-subtitle1{color:#94a3b8}.feature-card1{background:#1e293b;border-color:#334155}.feature-card1:hover{background:#334155;border-color:#818cf8;box-shadow:0 20px 40px #818cf840}.feature-icon1{color:#818cf8}.feature-title1{color:#f1f5f9}.feature-description1{color:#cbd5e1}.how-it-works-section{background:#1e293b}.step-card1{background:#334155;box-shadow:0 4px 6px #0003}.step-number1{color:#818cf8}.step-title1{color:#f1f5f9}.step-description1{color:#cbd5e1}.step-arrow{color:#818cf8}.benefits-section1{background:#0f172a}.benefit-item1{color:#e2e8f0}.benefit-icon1{color:#34d399}.floating-card{background:#1e293b;box-shadow:0 20px 60px #00000080;color:#f1f5f9}.card-number,.floating-card .card-icon{color:#818cf8}.card-label{color:#cbd5e1}.landing-footer{background:#020617}.footer-section a,.footer-section1 a{color:#94a3b8}.footer-section a:hover,.footer-section1 a:hover{color:#e2e8f0}.footer-bottom1{border-top-color:#1e293b;color:#64748b}}@media (max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-image{display:none}.features-grid1,.stats-grid1,.steps-grid1{grid-template-columns:repeat(2,1fr)}.benefits-content1{grid-template-columns:1fr}.footer-content1{grid-template-columns:repeat(2,1fr)}.hero-buttons{justify-content:center}}@media (max-width:640px){.nav-links a{display:none}.nav-links{gap:.5rem}.nav-btn{font-size:.875rem;padding:.5rem 1rem}.hero-title{font-size:2rem}.hero-description1{font-size:1rem}.section-title1{font-size:1.75rem}.section-subtitle1{font-size:1rem}.features-grid1,.stats-grid1,.steps-grid1{grid-template-columns:1fr}.step-arrow{display:none}.benefit-visual,.footer-content1{grid-template-columns:1fr}.visual-item:nth-child(3){grid-column:1}.cta-content h2{font-size:1.75rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.875rem 1.5rem}.btn-cta{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.container1,.nav-container{padding:0 1rem}.hero-section{padding:4rem 0 3rem}.feature-icon1,.stat-number1{font-size:2rem}.benefits-section1,.cta-section,.features-section1,.how-it-works-section,.stats-section1{padding:3rem 0}.images-descriptif{gap:.5rem}.image-desc{height:250px;min-width:280px}}.images-descriptif{display:flex;gap:1.5rem;margin-top:4rem;overflow:hidden;padding:1rem 0;position:relative;width:100%}.images-descriptif:before{left:0}.images-descriptif:after,.images-descriptif:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100px;z-index:2}.images-descriptif:after{right:0}.image-desc{border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 10px 30px #0000004d;cursor:pointer;flex-shrink:0;height:500px;min-width:400px;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1)}.image-desc:hover{border-color:#fff9;box-shadow:0 20px 50px #0006;transform:scale(1.05) translateY(-10px);z-index:10}.images-descriptif:hover .image-desc{animation-play-state:paused}@keyframes scrollRightToLeft{0%{transform:translateX(0)}to{transform:translateX(-4000px)}}.image-desc{animation:scrollRightToLeft 40s linear infinite}@media (prefers-color-scheme:dark){.image-desc{border-color:#fff3;box-shadow:0 10px 30px #0009}.image-desc:hover{border-color:#818cf880;box-shadow:0 20px 50px #000c}.images-descriptif:before{background:linear-gradient(90deg,#0f172a,#0000)}.images-descriptif:after{background:linear-gradient(270deg,#0f172a,#0000)}}@media (max-width:1024px){.image-desc{height:400px;min-width:350px}@keyframes scrollRightToLeft{0%{transform:translateX(0)}to{transform:translateX(-3200px)}}}@media (max-width:640px){.images-descriptif{gap:1rem;margin-top:2rem}.image-desc{height:300px;min-width:280px}@keyframes scrollRightToLeft{0%{transform:translateX(0)}to{transform:translateX(calc(-2240px - 8rem))}}}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{animation:zoomIn .3s ease;cursor:default;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-modal-img{border-radius:12px;box-shadow:0 25px 100px #00000080;height:auto;max-height:85vh;object-fit:contain;width:100%}.image-modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.image-modal-close:hover{background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg)}.image-modal-caption{color:#fff;font-size:1rem;margin-top:1rem;opacity:.9;text-align:center}@media (max-width:640px){.image-modal-overlay{padding:1rem}.image-modal-close{font-size:20px;height:35px;top:-40px;width:35px}.image-modal-caption{font-size:.875rem}}.stats-repro{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:4rem 0}.text-repro{padding-right:2rem}.text-repro h1{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.text-repro p{color:#64748b;font-size:1.125rem;line-height:1.8}.stats-repro img{border-radius:12px;box-shadow:0 10px 30px #00000026;height:auto;transition:transform .3s ease,box-shadow .3s ease;width:100%}.stats-repro img:hover{box-shadow:0 20px 50px #00000040;transform:translateY(-10px)}@media (prefers-color-scheme:dark){.text-repro h1{color:#f1f5f9}.text-repro p{color:#cbd5e1}.stats-repro img{box-shadow:0 10px 30px #0006}.stats-repro img:hover{box-shadow:0 20px 50px #0009}}@media (max-width:1024px){.stats-repro{gap:2rem;grid-template-columns:1fr;padding:3rem 2rem}.text-repro{padding-right:0;text-align:center}.text-repro h1{font-size:2rem}.text-repro p{font-size:1rem}}@media (max-width:640px){.stats-repro{padding:2rem 1rem}.text-repro h1{font-size:1.75rem}.text-repro p{font-size:.938rem}}
/*# sourceMappingURL=main.f994c6b2.css.map*/