*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background:#0a0e1a;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;overflow-x:hidden}header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#00ff9c;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00d484}main{max-width:100%;overflow-x:hidden}div[style*=grid]{max-width:100%}@media(max-width:768px){header{padding:0 15px!important;gap:15px!important}main{padding:20px 15px!important}div[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}@media(max-width:480px){h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}}@media(max-width:1024px){header nav a{font-size:.75rem!important;padding:5px 8px!important}}@media(max-width:768px){header{height:auto!important;flex-wrap:wrap!important;padding:10px 15px!important;gap:10px!important}header img{height:35px!important}header nav{display:none!important}header>div:last-child{flex-direction:row!important;gap:8px!important}header>div:last-child span{font-size:.75rem!important}header div[style*="width: 32px"]{width:28px!important;height:28px!important;font-size:1rem!important}main{padding:20px 15px!important}h1{font-size:1.8rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}p{font-size:.9rem!important}div[style*="repeat(auto-fit, minmax(320px"],div[style*="repeat(auto-fit, minmax(350px"],div[style*="repeat(auto-fit, minmax(280px"]{grid-template-columns:1fr!important}div[style*="repeat(auto-fit, minmax(200px"]{grid-template-columns:repeat(2,1fr)!important}div[style*="repeat(auto-fit, minmax(180px"]{grid-template-columns:1fr!important}div[style*="repeat(5, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}div[style*="padding: 24px"],div[style*="padding: 30px"]{padding:20px!important}button,a[style*=padding]{font-size:.85rem!important}input,textarea{font-size:.9rem!important}div[style*="Progression Globale"] h2{font-size:1.2rem!important}img[alt="Avatar preview"]{width:80px!important;height:80px!important}div[style*="fontSize: '4rem'"]{font-size:3rem!important}pre{font-size:.75rem!important;overflow-x:auto!important}code{font-size:.8rem!important}}@media(max-width:480px){h1{font-size:1.5rem!important}h2{font-size:1.2rem!important}header span[style*="fontSize: '1rem'"]{font-size:.85rem!important}div[style*="repeat(2, 1fr)"]{grid-template-columns:1fr!important}main{padding:15px 10px!important}div[style*="padding: 20px"]{padding:15px!important}div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:900px)and (orientation:landscape){header{height:60px!important}main{padding-top:70px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 5px #00ff9c4d}50%{box-shadow:0 0 20px #00ff9c99}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}main{animation:fadeIn .4s ease-out}a[style*=border],div[style*="border: 1px solid"],div[style*="border: 2px solid"]{transition:all .3s ease!important}a[style*=border]:hover,div[style*=border]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00ff9c33}button{transition:all .3s ease!important;cursor:pointer}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00ff9c4d}button:active{transform:translateY(0)}input:focus,textarea:focus{border-color:#00ff9c!important;box-shadow:0 0 10px #00ff9c4d!important;transition:all .3s ease!important}header{animation:slideInFromLeft .5s ease-out}header a,header button,header span{transition:all .2s ease!important}main>section>div>a,main>section>div>div{animation:fadeIn .5s ease-out;animation-fill-mode:both}main>section>div>a:nth-child(1),main>section>div>div:nth-child(1){animation-delay:.1s}main>section>div>a:nth-child(2),main>section>div>div:nth-child(2){animation-delay:.2s}main>section>div>a:nth-child(3),main>section>div>div:nth-child(3){animation-delay:.3s}main>section>div>a:nth-child(4),main>section>div>div:nth-child(4){animation-delay:.4s}main>section>div>a:nth-child(5),main>section>div>div:nth-child(5){animation-delay:.5s}main>section>div>a:nth-child(6),main>section>div>div:nth-child(6){animation-delay:.6s}div[style*="background: linear-gradient(90deg, #00ff9c"],div[style*="background: #00ff9c"],div[style*="background: #fbbf24"],div[style*="background: #ef4444"]{transition:width .8s ease-out!important}div[style*="fontSize: '2.2rem'"],div[style*="fontSize: '4rem'"]{transition:transform .3s ease!important}div[style*="fontSize: '2.2rem'"]:hover,div[style*="fontSize: '4rem'"]:hover{transform:scale(1.1) rotate(5deg)}div[style*="border: 1px solid #00ff9c"][style*="background: #0a1a0a"],div[style*="border: 1px solid #ef4444"][style*="background: #1a0a0a"]{animation:slideInFromRight .4s ease-out}div[style*="position: absolute"][style*="zIndex: 1000"]{animation:scaleIn .2s ease-out}div[style*="borderRadius: '50%'"]{transition:transform .3s ease,box-shadow .3s ease!important}div[style*="borderRadius: '50%'"]:hover{transform:scale(1.1);box-shadow:0 0 15px #00ff9c66}.loading{background:linear-gradient(90deg,#1a1f2e,#2a3f3f,#1a1f2e);background-size:200% 100%;animation:shimmer 1.5s infinite}.success-check{animation:scaleIn .5s ease-out,pulse 2s infinite 1s}div[style*="border: 2px solid #00ff9c"],div[style*="border: 3px solid #00ff9c"]{animation:glow 3s ease-in-out infinite}html{scroll-behavior:smooth}@keyframes pageTransition{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}body{animation:pageTransition .3s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus,button:focus,input:focus,textarea:focus{outline:2px solid #00ff9c;outline-offset:2px}::selection{background:#00ff9c;color:#0b0f1a}::-moz-selection{background:#00ff9c;color:#0b0f1a}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0b0f1a}::-webkit-scrollbar-thumb{background:#2a3f3f;border-radius:6px;border:2px solid #0b0f1a}::-webkit-scrollbar-thumb:hover{background:#00ff9c}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in-left{animation:slideInFromLeft .5s ease-out}.animate-slide-in-right{animation:slideInFromRight .5s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}:root[data-theme=dark]{--bg-primary: #0b0f1a;--bg-secondary: #1a1f2e;--bg-tertiary: #2a3f3f;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--accent: #00ff9c;--accent-hover: #00cc7a;--accent-dark: #0a1a0f;--border: #2a3f3f;--border-light: #1a1f2e;--success: #00ff9c;--error: #ef4444;--warning: #fbbf24;--info: #3b82f6;--shadow: rgba(0, 0, 0, .5);--overlay: rgba(11, 15, 26, .95)}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #e5e7eb;--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--accent: #1e3a8a;--accent-hover: #1e40af;--accent-dark: #eff6ff;--border: #d1d5db;--border-light: #e5e7eb;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--info: #3b82f6;--shadow: rgba(0, 0, 0, .1);--overlay: rgba(255, 255, 255, .95)}body{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme=light] *[style*="#0b0f1a"],[data-theme=light] *[style*="#020617"],[data-theme=light] *[style*="#1a1f2e"],[data-theme=light] *[style*="0b0f1a"],[data-theme=light] *[style*="020617"],[data-theme=light] *[style*="1a1f2e"]{background-color:#fff!important;background:#fff!important}[data-theme=light] *[style*="#2a3f3f"],[data-theme=light] *[style*="2a3f3f"]{background-color:#f9fafb!important;background:#f9fafb!important}[data-theme=light] *[style*="color: #e5e7eb"],[data-theme=light] *[style*="color:#e5e7eb"],[data-theme=light] *[style*=e5e7eb]{color:#1f2937!important}[data-theme=light] *[style*="color: #9ca3af"],[data-theme=light] *[style*="color:#9ca3af"],[data-theme=light] *[style*="9ca3af"]{color:#4b5563!important}[data-theme=light] *[style*="00ff9c"],[data-theme=light] *[style*="#00ff9c"]{color:#1e3a8a!important;background-color:#1e3a8a!important;border-color:#1e3a8a!important}[data-theme=light] div,[data-theme=light] section,[data-theme=light] article,[data-theme=light] main,[data-theme=light] aside{color:#1f2937!important}[data-theme=light] div[style*=border-radius],[data-theme=light] div[style*=borderRadius],[data-theme=light] div[style*=padding]{background-color:#fff!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] p,[data-theme=light] span,[data-theme=light] a,[data-theme=light] li,[data-theme=light] td,[data-theme=light] th{color:#1f2937!important}[data-theme=light] *[style*="00ff9c"]{color:#1e3a8a!important}[data-theme=light] *[style*=ef4444]{color:#ef4444!important}[data-theme=light] *[style*=fbbf24],[data-theme=light] *[style*=f59e0b]{color:#f59e0b!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] button{background-color:#fff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme=light] button[style*="00ff9c"]{background-color:#1e3a8a!important;color:#fff!important;border-color:#1e3a8a!important}[data-theme=light] *[style*=border][style*="00ff9c"]{border-color:#1e3a8a!important}[data-theme=light] *[style*=border][style*="2a3f3f"]{border-color:#d1d5db!important}[data-theme=light] *[style*=box-shadow]{box-shadow:0 4px 20px #0000001a!important}[data-theme=light] div[class*=card],[data-theme=light] a[style*="padding: 24px"],[data-theme=light] a[style*="padding: 30px"],[data-theme=light] div[style*="padding: 24px"],[data-theme=light] div[style*="padding: 30px"]{background:#fff!important;color:#1f2937!important;border:1px solid #d1d5db!important}[data-theme=light] div[style*="height: 8px"],[data-theme=light] div[style*="height: 10px"],[data-theme=light] div[style*="height: 20px"]{background:#e5e7eb!important}[data-theme=light] div[style*="height: 8px"] div,[data-theme=light] div[style*="height: 10px"] div,[data-theme=light] div[style*="height: 20px"] div{background:#1e3a8a!important}[data-theme=light] body,[data-theme=light] html,[data-theme=light] #root{background-color:#fff!important}[data-theme=light] main{background:#fff!important;color:#1f2937!important}[data-theme=light] *[style*=linear-gradient]{background:linear-gradient(135deg,#fff,#f9fafb)!important}[data-theme=light] ::-webkit-scrollbar{width:12px;height:12px}[data-theme=light] ::-webkit-scrollbar-track{background:#f9fafb!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#d1d5db!important;border-radius:6px;border:2px solid #f9fafb!important}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#1e3a8a!important}[data-theme=light] ::selection{background:#1e3a8a!important;color:#fff!important}[data-theme=light] div[style*="position: absolute"],[data-theme=light] div[style*="position: fixed"]{background:#fff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme=light] span[role=img]{filter:none!important}:root[data-theme=light]{--color-bg-primary: #e8f5f0;--color-bg-secondary: #d4ede3;--color-bg-tertiary: #c0e5d6;--color-text-primary: #1a1a1a;--color-text-secondary: #2d5f4d;--color-text-tertiary: #4a7f68;--color-accent: #00ff9c;--color-accent-hover: #00cc7a;--color-accent-dark: #1a4d3a;--color-border: #9fd4bf;--color-border-hover: #00ff9c;--color-success: #00ff9c;--color-warning: #fbbf24;--color-error: #ff4466;--color-info: #66d9ff;--shadow: rgba(0, 255, 156, .15);--shadow-glow: 0 0 20px rgba(0, 255, 156, .3)}[data-theme=light] body{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}[data-theme=light] #root,[data-theme=light] main{background:var(--color-bg-primary)!important}[data-theme=light] div{background:transparent!important;color:var(--color-text-primary)!important}[data-theme=light] [style*="background: #0b0f1a"],[data-theme=light] [style*="background:#0b0f1a"],[data-theme=light] [style*="background: #1a1f2e"],[data-theme=light] [style*="background:#1a1f2e"],[data-theme=light] [style*="background: #2a3f3f"],[data-theme=light] [style*="background:#2a3f3f"],[data-theme=light] [style*="background: rgb(11, 15, 26)"],[data-theme=light] [style*="background: rgb(26, 31, 46)"],[data-theme=light] [style*="background: rgba(11, 15, 26"],[data-theme=light] [style*="background: rgba(26, 31, 46"]{background:var(--color-bg-secondary)!important}[data-theme=light] [style*=background][style*=Secondary],[data-theme=light] .card{background:var(--color-bg-secondary)!important;border:2px solid var(--color-border)!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{color:var(--color-text-primary)!important}[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--color-text-secondary)!important}[data-theme=light] p,[data-theme=light] span,[data-theme=light] div,[data-theme=light] li,[data-theme=light] label{color:var(--color-text-primary)!important}[data-theme=light] [style*="color: #e5e7eb"],[data-theme=light] [style*="color:#e5e7eb"],[data-theme=light] [style*="color: #9ca3af"],[data-theme=light] [style*="color:#9ca3af"]{color:var(--color-text-secondary)!important}[data-theme=light] [style*="color: #6b7280"],[data-theme=light] [style*="color:#6b7280"]{color:var(--color-text-tertiary)!important}[data-theme=light] [style*="color: #00ff9c"],[data-theme=light] [style*="color:#00ff9c"]{color:var(--color-accent)!important}[data-theme=light] header{background:var(--color-bg-secondary)!important;border-bottom:3px solid var(--color-accent)!important;box-shadow:var(--shadow-glow)!important}[data-theme=light] nav a{color:var(--color-text-primary)!important;transition:all .3s ease!important}[data-theme=light] nav a:hover{color:var(--color-accent)!important;text-shadow:0 0 10px rgba(0,255,156,.5)!important}[data-theme=light] [class*=card],[data-theme=light] .card{background:var(--color-bg-secondary)!important;border:2px solid var(--color-border)!important;border-radius:12px!important;transition:all .3s ease!important}[data-theme=light] [class*=card]:hover,[data-theme=light] .card:hover{border-color:var(--color-accent)!important;box-shadow:var(--shadow-glow)!important;transform:translateY(-2px)!important}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border:2px solid var(--color-border)!important;border-radius:8px!important}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 10px #00ff9c4d!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--color-text-tertiary)!important}[data-theme=light] button{color:var(--color-text-primary)!important;border-radius:8px!important;transition:all .3s ease!important}[data-theme=light] button[style*="background: transparent"],[data-theme=light] button[style*="background:transparent"]{background:var(--color-bg-tertiary)!important;border:2px solid var(--color-border)!important}[data-theme=light] button[style*="background: transparent"]:hover,[data-theme=light] button[style*="background:transparent"]:hover{border-color:var(--color-accent)!important;box-shadow:var(--shadow-glow)!important}[data-theme=light] button[style*="background: #00ff9c"],[data-theme=light] button[style*="background:#00ff9c"]{background:var(--color-accent)!important;color:var(--color-accent-dark)!important;border:none!important;box-shadow:0 4px 15px #00ff9c66!important;font-weight:700!important}[data-theme=light] button[style*="background: #00ff9c"]:hover{box-shadow:0 6px 25px #00ff9c99!important;transform:translateY(-2px)!important}[data-theme=light] table{background:var(--color-bg-secondary)!important;border:2px solid var(--color-border)!important;border-radius:12px!important;overflow:hidden!important}[data-theme=light] th{background:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important;border-bottom:3px solid var(--color-accent)!important;font-weight:700!important}[data-theme=light] td{color:var(--color-text-primary)!important;border-color:var(--color-border)!important}[data-theme=light] tr:hover{background:var(--color-bg-tertiary)!important}[data-theme=light] [role=dialog],[data-theme=light] [style*="position: fixed"][style*=transform]{background:var(--color-bg-secondary)!important;border:3px solid var(--color-accent)!important;box-shadow:0 0 40px #00ff9c80!important}[data-theme=light] [style*="background: rgba(0,0,0,0.8)"],[data-theme=light] [style*="background: rgba(0,0,0,0.9)"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.8)"]{background:#2d5f4db3!important}[data-theme=light] [class*=badge],[data-theme=light] .badge{background:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important;border:2px solid var(--color-accent)!important;border-radius:20px!important;padding:6px 14px!important;font-weight:700!important}[data-theme=light] [style*=border][style*="#2a3f3f"],[data-theme=light] [style*=border][style*="#1a1f2e"]{border-color:var(--color-border)!important}[data-theme=light] [style*=border][style*="#00ff9c"]{border-color:var(--color-accent)!important}[data-theme=light] code,[data-theme=light] pre{background:var(--color-bg-tertiary)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:6px!important}[data-theme=light] ::-webkit-scrollbar{width:12px;background:var(--color-bg-tertiary)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:6px;box-shadow:0 0 10px #00ff9c80}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover);box-shadow:0 0 15px #00ff9ccc}[data-theme=light] a{color:var(--color-accent)!important;transition:all .3s ease!important}[data-theme=light] a:hover{color:var(--color-accent-hover)!important;text-shadow:0 0 10px rgba(0,255,156,.5)!important}[data-theme=light] [style*="background: #1a1f2e"][style*=height][style*=border-radius]{background:var(--color-bg-tertiary)!important;border:2px solid var(--color-border)!important}[data-theme=light] [style*=background][style*=linear-gradient][style*="#00ff9c"]{box-shadow:0 0 15px #00ff9c99!important}[data-theme=light] .alert{background:var(--color-bg-secondary)!important;border:2px solid var(--color-border)!important;border-radius:12px!important;color:var(--color-text-primary)!important}[data-theme=light] .alert-success{border-color:var(--color-success)!important;box-shadow:0 0 15px #00ff9c4d!important}[data-theme=light] .alert-error{border-color:var(--color-error)!important;box-shadow:0 0 15px #ff44664d!important}[data-theme=light] .alert-warning{border-color:var(--color-warning)!important;box-shadow:0 0 15px #fbbf244d!important}