@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=DM+Sans:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}html *{font-family:Barlow,sans-serif}.main{padding-top:69px}.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:100px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge-achievement-popup-container{height:50%!important;z-index:2000!important}.badge-achievement-popup .badge-achievement-carousel-badge{text-align:center!important}.confetti-wrapper{display:none!important;position:absolute!important;z-index:1000!important}.confetti-wrapper.active{display:block!important}:root{--badge-color:#838489;--badge-color-light:#f3f4ff;--badge-color-medium:#516262;--badge-color-dark:#212134}.Badge{display:inline-block;margin:10px;position:relative}.badge-wrapper{filter:drop-shadow(0 20px 15px rgba(0,0,0,.8));transform:scale(.8);transform-origin:center center}.badge,.badge-wrapper{height:15em;width:15em}.badge{border:3px solid #516262;border:3px solid var(--badge-color-medium);border-radius:50%;box-shadow:inset 0 0 10px #212134,inset 0 3px 30px #838489,0 0 50px #0000004d,0 10px 20px #0006;box-shadow:inset 0 0 10px var(--badge-color-dark),inset 0 3px 30px var(--badge-color),0 0 50px #0000004d,0 10px 20px #0006;overflow:hidden;position:relative;transition:transform .3s ease,filter .3s ease}.badge:before{background:radial-gradient(circle at center,#0000 50%,#0003 80%,#0000004d 100%)}.badge:hover{filter:brightness(1.2) contrast(1.1);transform:scale(1.05)}.metal-badge{background:#838489;background:var(--badge-color);position:relative}.glossy{border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}.metal-badge:before{background:radial-gradient(circle at center,#f3f4ff 0,#838489 40%,#212134 100%),conic-gradient(from 45deg,#f3f4ff 0,#838489 10%,#516262 20%,#212134 30%,#516262 40%,#838489 50%,#f3f4ff 60%,#838489 70%,#516262 80%,#212134 90%,#f3f4ff 100%);background:radial-gradient(circle at center,var(--badge-color-light) 0,var(--badge-color) 40%,var(--badge-color-dark) 100%),conic-gradient(from 45deg,var(--badge-color-light) 0,var(--badge-color) 10%,var(--badge-color-medium) 20%,var(--badge-color-dark) 30%,var(--badge-color-medium) 40%,var(--badge-color) 50%,var(--badge-color-light) 60%,var(--badge-color) 70%,var(--badge-color-medium) 80%,var(--badge-color-dark) 90%,var(--badge-color-light) 100%);mix-blend-mode:overlay;opacity:.85;z-index:2}.metal-badge:after{animation:rotate 20s linear infinite;background:conic-gradient(from 135deg,#212134 0,#516262 12.5%,#838489 25%,#f3f4ff 37.5%,#838489 50%,#516262 62.5%,#212134 75%,#516262 87.5%,#212134 100%);background:conic-gradient(from 135deg,var(--badge-color-dark) 0,var(--badge-color-medium) 12.5%,var(--badge-color) 25%,var(--badge-color-light) 37.5%,var(--badge-color) 50%,var(--badge-color-medium) 62.5%,var(--badge-color-dark) 75%,var(--badge-color-medium) 87.5%,var(--badge-color-dark) 100%);opacity:.8;z-index:3}.metal-badge:after,.metal-badge:before{border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.metal-badge:before{background:radial-gradient(circle at center,#0000 30%,#516262 70%,#212134 100%);background:radial-gradient(circle at center,#0000 30%,var(--badge-color-medium) 70%,var(--badge-color-dark) 100%);opacity:.3;z-index:1}.inner{align-items:center;background:#516262;background:var(--badge-color-medium);border:2px solid #516262;border:2px solid var(--badge-color-medium);border-radius:50%;box-shadow:inset 0 0 10px #0003,0 0 8px #0000004d;display:flex;height:11em;justify-content:center;left:calc(50% - 5.5em);overflow:hidden;position:absolute;top:calc(50% - 5.5em);width:11em;z-index:10}.inner img.badgeIcon{border-radius:50%;height:100%;object-fit:cover;width:100%;z-index:11}.Badge .teacher-circle{align-items:center;background-color:#3f51b5;border-radius:50%;bottom:0;box-shadow:0 2px 5px #0000004d;color:#fff;cursor:help;display:flex;font-size:.9em;font-weight:700;height:3em;justify-content:center;position:absolute;right:0;width:3em;z-index:20}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge:before{box-shadow:inset 0 0 30px #212134,inset 0 0 60px #0000004d;box-shadow:inset 0 0 30px var(--badge-color-dark),inset 0 0 60px #0000004d;content:"";z-index:5}.badge:before,.umbrella{border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.umbrella{background:radial-gradient(ellipse at 30% 30%,#ffffff80 0,#ffffff1a 20%,#0000 50%),radial-gradient(ellipse at 70% 70%,#fff6 0,#ffffff0d 25%,#0000 50%),radial-gradient(circle at center,#fff3 0,#0000 60%);opacity:.7;z-index:4}@media (prefers-reduced-motion:no-preference){.metal-badge:after{animation:rotate 20s linear infinite}.metal-badge .umbrella{animation:shine-pulse 3s ease-in-out infinite}}@keyframes shine-pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.particle-container{height:100%;left:0;overflow:hidden;top:0;width:100%;z-index:25}.particle,.particle-container{border-radius:50%;pointer-events:none;position:absolute}.particle{background:#fff;opacity:0;transform:translate(-50%,-50%) scale(0)}@keyframes particle-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.8}to{opacity:0;transform:translate(calc(-50% + var(--x-travel)),calc(-50% + var(--y-travel))) scale(1)}}.particle:nth-child(4n){background:#f3f4ff;background:var(--badge-color-light);box-shadow:0 0 3px #f3f4ff;box-shadow:0 0 3px var(--badge-color-light)}.particle:nth-child(4n+1){background:#fff;box-shadow:0 0 4px #fff}.particle:nth-child(4n+2){background:#838489;background:var(--badge-color);box-shadow:0 0 3px #838489;box-shadow:0 0 3px var(--badge-color)}.particle:nth-child(4n+3){background:#516262;background:var(--badge-color-medium);box-shadow:0 0 2px #516262;box-shadow:0 0 2px var(--badge-color-medium)}.badge-wrapper:hover .badge{filter:brightness(1.2) contrast(1.1);transform:scale(1.05)}.badge-wrapper:hover .umbrella{animation:shine-pulse 1.5s ease-in-out infinite;opacity:.9}.badge-wrapper:hover .metal-badge:before{opacity:.95}.login-container{background-color:#3949b5;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;justify-content:center}.login-container,.login-right{align-items:center;display:flex}.login-right{background:#fff;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;width:800px}.login-right-content{align-items:flex-start;display:flex;flex-direction:column;height:80%;padding-top:100px;width:60%}.login-background{height:100vh;width:100%}form.form-login{align-items:flex-end;flex-direction:column;height:50%}.loading,form.form-login{display:flex;justify-content:center;width:100%}.loading{align-items:center;background:#00000080;height:100%;left:0;position:fixed;top:0;z-index:9999}.dashboard{margin:30px}.bordered{border:1px solid #ccc;border-radius:5px;padding:20px}.title{align-items:center;display:flex;justify-content:space-between}.linkDeleteButton{display:flex;justify-content:flex-end;margin-top:10px!important}.badge-popup{margin:25px;min-height:200px;min-width:500px}.badge-popup hr{border:1px solid #e0e0e0;margin:35px}.badge-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.badge-row .badge{margin:10px}.admin-popup{margin:25px;min-height:200px;min-width:500px}.admin-info{display:flex;flex-direction:column;gap:10px;padding:10px 20px}.admin-info p{color:#333;font-size:16px;margin:5px 0}.admin-actions{display:flex;gap:10px;justify-content:flex-end;padding:20px}.admin-delete-btn{background-color:#d32f2f;color:#fff}.admin-delete-btn:hover{background-color:#b71c1c}.error-text{color:red}.error-text,.success-text{font-size:14px;margin-top:5px}.success-text{color:green}.assign-admin-popup{margin:25px;min-height:300px;min-width:550px}.assign-admin-popup hr{border:1px solid #e0e0e0;margin:20px 0}.assign-admin-form{display:flex;flex-direction:column;gap:15px;padding:10px 20px}.assign-admin-form .MuiFormControl-root{margin-bottom:15px}.assign-admin-actions{display:flex;gap:10px;justify-content:flex-end;padding:20px}.assign-admin-table{margin-top:15px}.assign-admin-delete-btn{background-color:#d32f2f;color:#fff}.assign-admin-delete-btn:hover{background-color:#b71c1c}.success-message{color:green}.error-message,.success-message{font-size:14px;margin-top:10px;text-align:center}.error-message{color:red}.admin-sidebar{background:#fff;border-right:1px solid #e6ebf1;display:flex;flex-direction:column;height:100vh;padding-top:20px;width:250px}.admin-sidebar-title{color:#1e2a3a;font-size:18px;font-weight:800;margin-bottom:20px;padding-left:20px}.admin-sidebar-section{margin-bottom:20px}.admin-sidebar-section-title{color:#8a94a6;font-size:12px;font-weight:700;margin-bottom:5px;padding-left:20px;text-transform:uppercase}.admin-sidebar-link{border-radius:10px;margin:2px 10px;transition:background .15s ease}.admin-sidebar-link:hover{background:#f4f6f9}.admin-sidebar-link.active{background:#eaf4ff}.admin-sidebar-icon{color:#7a8699}.background{height:100%;margin-top:0 auto}.background,.profile-background{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:auto;width:100%}.profile-background{align-items:center;display:flex;flex-direction:column;min-height:100%;padding:40px 20px 60px;position:relative}#root,.main,body,html{height:100%}.profil{align-items:left;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-radius:10px;box-shadow:0 19px 20px #4d4d4d1a,0 -12px 30px #4242421a,0 4px 6px #4847471a,0 12px 13px #3f3f3f1a,0 -3px 5px #3e3e3e1a;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Barlow,sans-serif;font-size:24px;justify-content:left;margin:50px;padding:25px}#privacyMessage{text-align:left}.profile-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-radius:10px;box-shadow:0 19px 20px #4d4d4d1a,0 -12px 30px #4242421a,0 4px 6px #4847471a,0 12px 13px #3f3f3f1a,0 -3px 5px #3e3e3e1a;display:flex;flex-direction:column;font-family:Barlow,sans-serif;gap:24px;margin:50px auto 0;max-width:640px;padding:25px;width:100%}.profile-header{align-items:center;display:flex;flex-direction:row;gap:28px}.avatar-wrapper{border:5px solid #000;border-radius:50%;box-shadow:0 4px 8px #0000004d;cursor:pointer;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.profile-avatar{display:block;height:100%;object-fit:cover;transition:filter .2s;width:100%}.avatar-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-edit-icon{color:#fff!important}.profile-info{display:flex;flex:1 1;flex-direction:column;font-family:Barlow,sans-serif;gap:8px}.profile-name{color:#1a1a2e;font-size:1.5rem;font-weight:700;margin:0}.citation-display{align-items:center;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:.95rem;font-style:italic;gap:6px;line-height:1.5;padding:4px 6px;transition:background .15s}.citation-display:hover{background:#0000000d}.citation-edit-icon{color:#888;flex-shrink:0;font-size:14px!important;opacity:0;transition:opacity .15s}.citation-display:hover .citation-edit-icon{opacity:1}.citation-edit{flex-direction:column}.citation-actions,.citation-edit{display:flex;gap:8px}.pinned-badges-section{align-items:center;border-bottom:1px solid #00000014;display:flex;flex-direction:column;gap:10px;padding-bottom:16px;width:100%}.pinned-badges-label{color:#888;font-family:Barlow,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:1px;margin:0;text-align:center;text-transform:uppercase}.pinned-badges-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.badge-slot{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;width:120px}.badge-avatar-wrapper{display:inline-block;position:relative}.badge-avatar{box-shadow:0 4px 8px 0 #00000073,0 6px 5px 0 #00000073;transition:transform .2s ease}.badge-avatar-wrapper:hover .badge-avatar{transform:scale(1.05)}.badge-tooltip{background-color:#3949b5;border:1px solid #000;border-radius:10px;bottom:calc(100% + 10px);box-shadow:4px 8px #5d5d5d;color:#fff;display:none;font-family:Barlow,sans-serif;font-size:12px;left:50%;padding:10px 14px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:175px;z-index:100}.badge-tooltip strong{display:block;font-size:13px;margin-bottom:4px}.badge-tooltip p{font-size:11px;margin:0;opacity:.9}.badge-tooltip:after{border:6px solid #0000;border-top-color:#3949b5;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.badge-avatar-wrapper:hover .badge-tooltip{animation:fadeIn .2s ease;display:block}.badge-empty{background:#00000008;border:2px dashed #bbb;border-radius:50%;height:100px;width:100px}.badge-title{color:#555;font-family:Barlow,sans-serif;font-size:.8rem;max-width:120px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.badge-add-btn{align-items:center;background-color:#3949b5;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:26px;justify-content:center;padding:0;position:absolute;right:4px;top:68px;transition:transform .15s,background-color .2s;width:26px}.badge-add-btn:hover{background-color:#1565c0;transform:scale(1.1)}.badge-add-btn svg{font-size:16px!important}.profile-footer{border-top:1px solid #00000014;display:flex;justify-content:flex-start;padding-top:8px}.privacy-btn{align-items:center;background:#0000;border:1.5px solid;border-radius:20px;cursor:pointer;display:flex;font-family:Barlow,sans-serif;font-size:.875rem;font-weight:500;gap:8px;padding:8px 18px;transition:background .2s}.privacy-btn--public{border-color:#bbb;color:#555}.privacy-btn--public:hover{background:#0000000d}.privacy-btn--private{border-color:#c0392b;color:#c0392b}.privacy-btn--private:hover{background:#c0392b12}.edit-background-btn{align-items:center;background:#ffffffbf;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;position:fixed;right:16px;top:80px;transition:background .2s;width:36px;z-index:10}.edit-background-btn:hover{background:#fffffff2}.avatar{border:5px solid #000;border-radius:50%;height:200px;line-height:200px;width:200px}.imageProfile{position:relative}.editImage{background-color:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;height:25px;margin-left:170px;margin-top:-70px;padding:5px;position:absolute;width:25px}.editImage:hover{filter:brightness(85%)}.imageInput{display:none}.infosUser{align-items:center;justify-content:center;padding-left:50px}.checkbox{accent-color:#3949b5;cursor:pointer;height:20px;margin-left:10px;vertical-align:middle;width:20px}.backgroundButton,.badgeButton{margin-top:25px!important}.infosLevel{align-items:left;display:flex;flex-direction:row;font-weight:700;justify-content:left;margin-top:15px;width:100%}.progressBar{background-color:#ddd;border-radius:10px;height:40px;margin-top:20px;width:100%}.progressLevel{min-width:180px;text-align:center}.progressBarFill{background-color:#3949b5;border-radius:10px;color:#fff;height:100%;line-height:40px;text-align:center}.BadgeArray{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-radius:10px;box-shadow:0 19px 20px #4d4d4d1a,0 -12px 30px #4242421a,0 4px 6px #4847471a,0 12px 13px #3f3f3f1a,0 -3px 5px #3e3e3e1a;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;justify-content:center;margin:50px auto;max-width:640px;padding:20px;width:100%}.badgeIcon{border-radius:100%;box-shadow:0 4px 8px 0 #00000073,0 6px 5px 0 #00000073;height:100px;transition:.25s ease-in-out;width:100px;z-index:1}.Badge{align-items:center;display:flex;height:150px;justify-content:center}.badge-wrapper{display:inline-block;position:relative;z-index:1}.teacher-circle{align-items:center;background-color:#3949b5;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;position:absolute;right:0;width:30px;z-index:3}.teacher-circle:hover{background-color:#1565c0;transform:scale(1.1)}.badge-wrapper:hover+.hideDisplay,.badgeIcon:hover+.hideDisplay,.teacher-circle:hover+.hideDisplay{animation:fadeIn .35s;display:block;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hideDisplay{background-color:#3949b5;border:1px solid #000;border-radius:10px;box-shadow:4px 8px #5d5d5d;color:#fff;display:none;font-size:12px;margin-left:10px;margin-top:275px;position:fixed;text-align:center;width:175px;z-index:-1000}.badge-popup{display:flex;flex-direction:column;gap:12px;min-width:340px}.badge-selector{margin-bottom:20px;padding-bottom:5px;padding-top:5px}.listFavorite{min-height:250px}.hiddenAlert{display:none;margin-top:15px}.deleteButton{background-color:#f33!important}.rowButtons{flex-direction:row;justify-content:space-between}.textBadge{font-size:14px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@media screen and (max-width:600px){.profil{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Barlow,sans-serif;font-size:24px;justify-content:center;margin:50px}.profile-card{margin:20px auto 0;padding:20px 16px}.profile-header{flex-direction:column;text-align:center}.profile-header,.profile-info{align-items:center}.infosUser,.pinned-badges-row,.profile-footer{justify-content:center}.infosUser{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Barlow,sans-serif;font-size:24px;margin:20px;padding:0!important;text-align:center}.infosLevel{align-items:center;flex-direction:column!important;font-weight:700;inline-size:-webkit-min-content;inline-size:min-content;justify-content:center!important;width:100%}.BadgeArray{display:block!important;overflow-x:scroll;padding-bottom:0!important;padding-left:15px;white-space:nowrap}.Badge{display:inline-block!important;height:140px!important;margin-top:15px;width:140px!important}}.image-drop-zone-container{margin-top:16px;width:100%}.image-drop-zone{background-color:#f9f9f9;border:2px dashed #90caf9;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:24px 16px;text-align:center;transition:background-color .2s,border-color .2s;-webkit-user-select:none;user-select:none}.image-drop-zone--active,.image-drop-zone:hover{background-color:#e3f2fd;border-color:#1976d2}.image-drop-zone-hint{color:#757575;font-size:.75rem}.image-drop-zone-error{color:#d32f2f;font-size:.8rem;margin-bottom:0;margin-top:6px}.background-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:8px 0}.background-selector-item{align-items:center;background:none;border:2px solid #ccc;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:6px;transition:border-color .2s}.background-selector-item:hover{border-color:#1976d2}.background-selector-item--selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d2}.background-selector-img{border-radius:4px;height:70px;object-fit:cover;width:120px}.background-selector-label{color:#555;font-size:.8rem}.leaderboard{align-items:center;background-color:#f1f6fd;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.leaderboard-container{background-color:#fff;width:50%}.leaderboard-background,.leaderboard-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.leaderboard-background{box-shadow:0 0 10px 0 #0003;width:100%}.leaderboard-title{justify-content:center;width:100%}.leaderboard-table,.leaderboard-title{align-items:center;display:flex;flex-direction:column}.leaderboard-table{height:100%;justify-content:flex-start;width:80%}.leaderboard-table-header{align-items:center;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:5px;width:100%}@media screen and (max-width:900px){.leaderboard-container{width:100%}.leaderboard-table-header{flex-direction:column}}.delete-badge-popup{margin:25px;max-height:500px}.badge-create-layout{background:#efefef;box-sizing:border-box;min-height:100vh;padding:0;width:100%}.badge-create-existing-topbar{border:1px solid #1f1f1f}.badge-create-main-content{border:1px solid #1f1f1f;border-top:0;display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 64px)}.badge-create-form{align-items:center;display:flex;flex-direction:column;padding:36px 28px 48px;width:100%}.badge-create-form-title{font-size:2.45rem;font-weight:700;margin:0 0 36px}.badge-create-form-card{background-color:#f7f7f7;border:2px solid #1f1f1f;border-radius:64px;display:flex;gap:64px;justify-content:space-between;min-height:760px;padding:70px 82px;width:min(1640px,100%)}form.create-badge{display:flex;flex-direction:column;gap:26px;width:64%}.badge-create-form-category-selector{width:100%}.badge-create-image-button{border:1px solid #1f1f1f!important;color:#1f1f1f!important;font-size:1.02rem!important;letter-spacing:.03em;min-height:64px;width:100%}.badge-create-form-button-submit{display:flex;gap:24px;margin-top:12px}.badge-create-primary-action,.badge-create-secondary-action{border-radius:8px!important;flex:1 1;font-size:1.08rem!important;min-height:64px}.badge-create-primary-action{background-color:#1f1f1f!important}.badge-create-secondary-action{border:1px solid #1f1f1f!important;color:#1f1f1f!important}.badge-create-form-preview{align-items:center;display:flex;flex-direction:column;justify-content:center;width:36%}.badge-create-form-preview-title{font-size:2rem;font-weight:500;margin:0 0 26px;text-align:center}.badge-create-form-preview-content{align-items:center;display:flex;height:380px;justify-content:center;width:380px}.badge-create-form-preview-badge{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.badge-create-form-preview-content .badge-component{transform:scale(1.45)}.badge-create-form-preview-badge-title{color:#fff;font-size:.92rem;font-weight:700;left:50%;letter-spacing:.03em;line-height:1.2;overflow-wrap:anywhere;padding:0 10px;pointer-events:none;position:absolute;text-align:center;text-shadow:0 2px 8px #000000a6;top:50%;transform:translate(-50%,-50%);width:190px;word-break:break-word;z-index:30}.rowButtons{display:flex;gap:10px}@media (max-width:900px){.badge-create-main-content{grid-template-columns:1fr;min-height:auto}.admin-sidebar{display:none}.badge-create-form-card{border-radius:32px;flex-direction:column;padding:28px 22px}.badge-create-form-preview,form.create-badge{width:100%}}.delete-category-popup{margin:25px;max-height:500px}.category-create-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.category-create-form-container{align-items:center;display:flex;flex-direction:column;height:100%;width:80%}.category-create-form-content{padding-top:100px}.category-create-form-content,.category-create-form-preview{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:50%}.category-create-form-preview{justify-content:center;padding-top:120px}.category-create-form-background{flex-direction:row}.category-create-form-background,.create-category{align-items:flex-start;display:flex;height:100%;width:100%}.create-category{flex-direction:column;justify-content:center}.category-create-form-button-field{margin-bottom:20px}.category-create-form-button-field,.category-create-form-button-submit{display:flex;justify-content:space-between;width:80%}.category-create-form-picker{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:100%}.category-popup{margin:25px;min-height:400px;min-width:500px}.category-popup hr{border:1px solid #e0e0e0;margin:35px}.category-selector{margin-bottom:20px;padding-bottom:5px;padding-top:5px}.category-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.category-row .category{margin:10px}.category-button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;cursor:pointer;padding:5px}.signup{height:100%}.signup-container{background-color:#3949b5;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;min-height:100%}.signup-right{align-items:center;background:#fff;display:flex;flex-direction:column;width:900px}.signup-right-content{align-items:flex-start;display:flex;flex-direction:column;width:60%}.signup-background{width:100%}.titre-creer-compte{font-size:5vh;font-weight:700;margin-bottom:30px}form.signup-form{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;width:100%}.hidden-div{margin-top:-15px}.home{background:#f4f6f9;display:flex;min-height:100vh}.home-with-sidebar{justify-content:flex-start}.home-main,.home-no-sidebar{justify-content:center}.home-main{display:flex;flex:1 1;overflow-y:auto;padding:2rem}.home-content{max-width:760px;width:100%}.home-title{color:#1e2a3a;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem}.home-empty,.home-loading{color:#888;font-size:1rem;margin-top:3rem;text-align:center}.feed{display:flex;flex-direction:column;gap:1.2rem;width:100%}.card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000012;overflow:hidden;transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.card-header{justify-content:space-between;padding:1rem 1.2rem .5rem}.card-header,.card-header-info{align-items:flex-start;display:flex}.card-header-info{gap:.6rem}.card-title{color:#1e2a3a;font-size:.95rem;font-weight:600;margin:0}.card-date{color:#999;font-size:.78rem;margin:2px 0 0}.card-close{background:none;border:none;color:#bbb;cursor:pointer;font-size:1rem;line-height:1;padding:0;transition:color .2s}.card-close:hover{color:#e74c3c}.card-body{padding:1rem 1.2rem 1.2rem}.card-center,.card-row{display:flex;justify-content:center}.card-row{align-items:center;gap:1.5rem}.card-dot{color:#ccc;font-size:1.5rem}.card-avatar-wrapper{align-items:center;background:#f0f4f8;border:2px solid #e0e0e0;border-radius:8px;display:flex;height:110px;justify-content:center;position:relative;width:100px}.card-avatar-large{height:130px;width:130px}.card-avatar{border-radius:4px;height:90px;object-fit:cover;width:90px}.card-avatar-img-large{height:110px;width:110px}.card-rank{align-items:center;border-radius:50%;bottom:6px;color:#fff;display:flex;font-size:.7rem;font-weight:800;height:30px;justify-content:center;position:absolute;right:6px;width:30px}.card-rank-1{background:#f5c518}.card-rank-2{background:#aaa}.card-rank-3{background:#cd7f32}.card-reset-icon{color:#4da6ff;font-size:4rem;line-height:1;padding:.5rem 0}.listeBadge{align-items:center;background-color:#f1f6fd;background-image:url(/static/media/background.5f04bee0e2dc400a5afc.webp);background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.listeBadge-container{background-color:#fff;width:80%}.listeBadge-background,.listeBadge-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.listeBadge-background{box-shadow:0 0 10px 0 #0003;padding-bottom:40px;width:100%}.listeBadge-title{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.listeBadge-title h1{color:#151d53;font-family:Barlow,sans-serif;font-size:3em;font-weight:700}.listeBadge-table{align-items:flex-start;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:flex-start;width:80%}.listeBadge-search-label{color:#333;font-family:Barlow,sans-serif;font-size:.95rem;margin-bottom:4px}.listeBadge-table-header{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:5px 0;width:100%}.listeBadge-filters{align-items:center;display:flex;flex-direction:row;gap:24px;padding:4px 0}.listeBadge-grid-wrapper{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:16px;min-height:220px;padding:24px;width:100%}.listeBadge-grid{display:flex;flex-wrap:wrap;gap:32px 16px;justify-content:flex-start}.listeBadge-empty{color:#888;font-family:Barlow,sans-serif;margin-top:40px;text-align:center;width:100%}.listeBadge .badge-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .18s ease;width:110px}.listeBadge .badge-item:hover{transform:scale(1.08)}.listeBadge .badge-circle{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:50%;display:flex;height:72px;justify-content:center;overflow:hidden;transition:box-shadow .18s ease;width:72px}.listeBadge .badge-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.listeBadge .badge-missing .badge-circle{border-color:#bbb;filter:grayscale(100%);opacity:.45}.listeBadge .badge-label{align-items:center;display:flex;flex-direction:column;margin-top:6px;max-width:110px}.listeBadge .badge-title{color:#151d53;font-family:Barlow,sans-serif;font-size:.75rem;font-weight:600;line-height:1.2;text-align:center;word-break:break-word}.listeBadge .badge-date{color:#666;font-family:Barlow,sans-serif;font-size:.65rem;margin-top:2px;text-align:center}.listeBadge-tooltip-content{display:flex;flex-direction:column;gap:4px;max-width:200px}.listeBadge-tooltip-content strong{font-size:.85rem}.listeBadge-tooltip-content p{font-size:.8rem;margin:0}.listeBadge-tooltip-content span{font-size:.75rem;opacity:.8}.MuiTooltip-tooltip:has(.listeBadge-tooltip-content){background-color:#3949b5!important;border:1px solid #000!important;border-radius:10px!important;box-shadow:4px 8px #5d5d5d!important;color:#fff!important;font-family:Barlow,sans-serif!important;font-size:12px!important;max-width:175px!important;padding:10px 14px!important;text-align:center!important;width:175px!important}.MuiTooltip-tooltip:has(.listeBadge-tooltip-content) .MuiTooltip-arrow{color:#3949b5!important}@media screen and (max-width:1100px){.listeBadge-container{width:100%}.listeBadge-table-header{flex-direction:column}.listeBadge-grid{justify-content:center}}.popup-overlay{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1300}.popup-container{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;gap:16px;max-width:90vw;padding:24px;position:relative;width:480px}.popup-close{background:none;border:none;border-radius:50%;color:#888;cursor:pointer;font-size:1.2rem;line-height:1;padding:4px;position:absolute;right:16px;top:12px;transition:color .2s,background-color .2s}.popup-close:hover{background-color:#0000000f;color:#1a1a1a}.popup-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0;padding:0 32px;text-align:center}.popup-category{background-color:#0000000f;border-radius:20px;color:#1a1a1a;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:6px 20px}.popup-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:8px 32px;width:100%}.avatar{border-radius:50%!important;height:160px!important;object-fit:cover;transition:transform .3s ease;width:160px!important}.avatar:hover{transform:scale(1.05)}.description{color:#444!important;font-size:1rem!important;line-height:1.6!important;padding:0 16px;text-align:center}.obtained-at{color:#888!important;font-size:.85rem!important;font-style:italic;margin-top:-8px!important;text-align:center}.teacher-code-popup{margin:25px;min-height:100px;min-width:500px}.teacher-code-popup hr{border:1px solid #e0e0e0;margin:35px}.mt-2{margin-top:10px}form{padding:5px}.teacher-code-selector{margin-bottom:20px;padding-bottom:5px;padding-top:5px}.teacher-code-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.teacher-code-row .badge{margin:10px}@media screen and (max-width:900px){.message{font-size:25px;text-align:center}}.profile-modify-form{align-items:center;display:flex;flex-direction:row;justify-content:center}.profile-modify-form-container{align-items:center;display:flex;flex-direction:column;height:100%;margin-bottom:100px;width:80%}.profile-modify-form-content{padding-top:100px}.profile-modify-form-content,.profile-modify-form-preview{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:50%}.profile-modify-form-preview{justify-content:center;padding-top:120px}.profile-modify-form-background{flex-direction:row}.profile-modify-form-background,form.profile-modify{align-items:flex-start;display:flex;height:100%;width:100%}form.profile-modify{flex-direction:column;gap:.8em;justify-content:center}.profile-modify-form-button-field{margin-bottom:20px}.profile-modify-form-button-field,.profile-modify-form-button-submit{display:flex;justify-content:space-between;width:80%}.message-error-form{color:#d32f2f;font-family:Barlow,sans-serif;font-size:.75rem;font-weight:400;line-height:1.66;margin:3px 14px 0;text-align:left}.contact{align-items:center;background-color:#f1f6fd;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.contact-container{background-color:#fff;width:50%}.contact-container,.contact-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.contact-loading{width:100%}.contact-background{box-shadow:0 0 10px 0 #0003;height:100%;padding-bottom:50%}.contact-background,.contact-content,.contact-title{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media screen and (max-width:900px){.contact-container{width:100%}.contact-table-header{flex-direction:column}}.colone:hover{background-color:#f2f3fa;cursor:pointer}.confidentiality{align-items:center;background-size:cover;display:flex;flex-direction:column;justify-content:center}.confidentiality-container{width:50%}.confidentiality-container,.confidentiality-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.confidentiality-loading{width:100%}.confidentiality-background{background-color:#fff;box-shadow:0 0 10px 0 #0003;height:100%;padding:20px}.confidentiality-background,.confidentiality-title{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.confidentiality-content{display:flex;flex-direction:column;margin-bottom:10%;width:100%}h1{font-size:3em}h1,h2{color:#151d53;font-family:Barlow,sans-serif;font-weight:700}h2{font-size:2em;width:100%}@media screen and (max-width:900px){.confidentiality-container{width:100%}.confidentiality-table-header{flex-direction:column}}:root{--ba-bg:#0d1117;--ba-surface:#161b22;--ba-surface-2:#1f2937;--ba-border:#ffffff14;--ba-border-h:#ffffff29;--ba-text:#e6edf3;--ba-text-muted:#7d8590;--ba-accent:#f0a500;--ba-accent-dim:#f0a50026;--ba-accent-glow:#f0a50059;--ba-danger:#ff6b6b;--ba-radius:14px;--ba-shadow:0 4px 24px #00000073}.ba-root{background:#0d1117;background:var(--ba-bg);color:#e6edf3;color:var(--ba-text);font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.ba-grid-overlay{background-image:radial-gradient(circle,#ffffff0a 1px,#0000 0);background-size:28px 28px;inset:0;pointer-events:none;position:fixed;z-index:0}.ba-wrapper{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1100px;padding:2.5rem 2rem 4rem;position:relative;z-index:1}.ba-header{align-items:flex-end;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ba-border);display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;padding-bottom:1.5rem}.ba-eyebrow{color:#f0a500;color:var(--ba-accent);display:block;font-size:.7rem;font-weight:600;letter-spacing:.14em;margin-bottom:.35rem;text-transform:uppercase}.ba-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}.ba-actions{display:flex;flex-wrap:wrap;gap:.75rem}.ba-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;gap:.5rem;padding:.6rem 1.1rem;transition:all .2s ease;white-space:nowrap}.ba-btn svg{flex-shrink:0;height:16px;width:16px}.ba-btn--outline{background:#0000;border:1px solid #ffffff29;border:1px solid var(--ba-border-h);color:#e6edf3;color:var(--ba-text)}.ba-btn--outline:hover{background:#f0a50026;background:var(--ba-accent-dim);border-color:#f0a500;border-color:var(--ba-accent);color:#f0a500;color:var(--ba-accent)}.ba-btn--primary{background:#f0a500;background:var(--ba-accent);color:#0d1117;font-weight:600}.ba-btn--primary:disabled{background:#1f2937;background:var(--ba-surface-2);color:#7d8590;color:var(--ba-text-muted);cursor:not-allowed}.ba-btn--primary:not(:disabled):hover{filter:brightness(1.1)}.ba-btn--glow{box-shadow:0 0 18px #f0a50059,0 0 4px #f0a50059;box-shadow:0 0 18px var(--ba-accent-glow),0 0 4px var(--ba-accent-glow)}.ba-btn--ghost{background:#0000;border:1px solid #ffffff14;border:1px solid var(--ba-border);color:#7d8590;color:var(--ba-text-muted)}.ba-btn--ghost:not(:disabled):hover{background:#ff6b6b14;border-color:#ff6b6b;border-color:var(--ba-danger);color:#ff6b6b;color:var(--ba-danger)}.ba-btn--ghost:disabled{cursor:not-allowed;opacity:.4}.ba-btn-count{align-items:center;background:#f0a500;background:var(--ba-accent);border-radius:99px;color:#0d1117;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px}.ba-summary{background:#161b22;background:var(--ba-surface);border:1px solid #ffffff14;border:1px solid var(--ba-border);border-radius:14px;border-radius:var(--ba-radius);gap:0;overflow:hidden}.ba-summary,.ba-summary-stat{align-items:center;display:flex}.ba-summary-stat{flex:1 1;flex-direction:column;gap:.2rem;padding:1rem .5rem}.ba-summary-num{color:#e6edf3;color:var(--ba-text);font-family:Playfair Display,serif;font-size:2rem;font-weight:700;line-height:1;transition:color .3s}.ba-summary-num--accent{color:#f0a500;color:var(--ba-accent)}.ba-summary-label{color:#7d8590;color:var(--ba-text-muted);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ba-summary-sep{background:#ffffff14;background:var(--ba-border);height:3rem;width:1px}.ba-columns{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}@media (max-width:680px){.ba-columns{grid-template-columns:1fr}}.ba-card{background:#161b22;background:var(--ba-surface);border:1px solid #ffffff14;border:1px solid var(--ba-border);border-radius:14px;border-radius:var(--ba-radius);box-shadow:0 4px 24px #00000073;box-shadow:var(--ba-shadow);display:flex;flex-direction:column;min-height:340px;transition:border-color .25s}.ba-card:hover{border-color:#ffffff29;border-color:var(--ba-border-h)}.ba-card-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--ba-border);gap:.6rem;padding:1.1rem 1.25rem}.ba-card-header,.ba-card-icon{align-items:center;display:flex}.ba-card-icon{background:#f0a50026;background:var(--ba-accent-dim);border-radius:8px;color:#f0a500;color:var(--ba-accent);height:32px;justify-content:center;width:32px}.ba-card-icon svg{height:16px;width:16px}.ba-card-title{color:#e6edf3;color:var(--ba-text);flex:1 1;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.ba-card-count{background:#1f2937;background:var(--ba-surface-2);border-radius:99px;color:#7d8590;color:var(--ba-text-muted);font-size:.75rem;font-weight:700;padding:2px 9px}.ba-card-body{flex:1 1;overflow-y:auto;padding:.75rem;scrollbar-color:#ffffff29 #0000;scrollbar-color:var(--ba-border-h) #0000;scrollbar-width:thin}.ba-empty{flex-direction:column;gap:.75rem;height:100%;min-height:230px;text-align:center}.ba-empty,.ba-empty-icon{align-items:center;color:#7d8590;color:var(--ba-text-muted);display:flex;justify-content:center}.ba-empty-icon{background:#1f2937;background:var(--ba-surface-2);border-radius:50%;height:52px;width:52px}.ba-empty-icon svg{height:24px;width:24px}.ba-empty p{font-size:.85rem;margin:0}.ba-empty-cta{background:#f0a50026;background:var(--ba-accent-dim);border:1px solid #f0a5004d;border-radius:6px;color:#f0a500;color:var(--ba-accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:.8rem;padding:.35rem .8rem;transition:all .2s}.ba-empty-cta:hover{background:#f0a50040}.ba-badge-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.ba-badge-item{align-items:center;animation:ba-slide-in .2s ease;background:#1f2937;background:var(--ba-surface-2);border:1px solid #ffffff14;border:1px solid var(--ba-border);border-radius:9px;display:flex;gap:.75rem;padding:.6rem .75rem;transition:border-color .2s}.ba-badge-item:hover{border-color:#ffffff29;border-color:var(--ba-border-h)}.ba-badge-img-wrap{align-items:center;background:#f0a50026;background:var(--ba-accent-dim);border-radius:8px;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;width:38px}.ba-badge-img-wrap img{height:100%;object-fit:cover;width:100%}.ba-badge-fallback{color:#f0a500;color:var(--ba-accent);display:flex}.ba-badge-fallback svg{height:20px;width:20px}.ba-badge-name{flex:1 1;font-size:.875rem;font-weight:500}.ba-eleve-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.ba-eleve-item{align-items:center;animation:ba-slide-in .2s ease;background:#1f2937;background:var(--ba-surface-2);border:1px solid #ffffff14;border:1px solid var(--ba-border);border-radius:9px;display:flex;gap:.75rem;padding:.6rem .75rem;transition:border-color .2s}.ba-eleve-item:hover{border-color:#ffffff29;border-color:var(--ba-border-h)}.ba-avatar{align-items:center;background:linear-gradient(135deg,#1e3a5f,#2d5a8e);border:1px solid #ffffff1a;border-radius:50%;color:#a8c8f0;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:36px;justify-content:center;letter-spacing:.03em;width:36px}.ba-eleve-name{flex:1 1;font-size:.875rem;font-weight:500}.ba-remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#7d8590;color:var(--ba-text-muted);cursor:pointer;display:flex;font-size:1.1rem;line-height:1;padding:2px 6px;transition:all .15s}.ba-remove-btn:hover{background:#ff6b6b1f;color:#ff6b6b;color:var(--ba-danger)}.ba-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--ba-border);display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}@keyframes ba-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5bfb3ea6.css.map*/