:root{--primary-color:#f90;--primary-dark:#cc7a00;--secondary-color:#f8df8c;--text-color:#333;--background-color:#f8df8c;--white:#fff;--black:#000;--shadow:0 4px 10px #0000001a;--transition:all 0.3s ease}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8df8c;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;min-height:100vh;padding-top:60px;position:relative;width:100%}.app.no-scroll{height:100vh;overflow:hidden}.main-content{flex:1 1}::-webkit-scrollbar{width:.4em}::-webkit-scrollbar-track{background-color:#fff3cc}::-webkit-scrollbar-thumb{background-color:#f90;background-color:var(--primary-color);border-radius:25px}::-webkit-scrollbar-button{display:none}@media screen and (max-width:768px){body{font-size:14px}}.header{align-items:center;display:flex;justify-content:center;left:0;padding:10px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ff99003b}.nav-links{align-items:center;display:flex;gap:4rem}.nav-button{--border-right:6px;--text-stroke-color:#cc7a0099;--animation-color:#f90;--fs-size:2em;-webkit-text-stroke:1px var(--text-stroke-color);background:#0000;border:none;color:#0000;cursor:pointer;font-family:Arial;font-size:var(--fs-size);height:auto;letter-spacing:3px;margin:0;padding:0;position:relative;text-decoration:none;text-transform:uppercase}.hover-text{-webkit-text-stroke:1px var(--animation-color);border-right:var(--border-right) solid var(--animation-color);box-sizing:border-box;color:var(--animation-color);content:attr(data-text);inset:0;overflow:hidden;position:absolute;transition:.5s;width:0}.nav-button:hover .hover-text{filter:drop-shadow(0 0 23px var(--animation-color));width:100%}.hamburger{background:#ff99001a;border:2px solid #f90;border-radius:50%;cursor:pointer;display:none;height:50px;left:10px;margin:10px;position:absolute;width:50px;z-index:1001}.hamburger span{background:#f90;display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:25px}.hamburger span:first-child{top:15px}.hamburger span:nth-child(2){top:23px}.hamburger span:nth-child(3){top:31px}.hamburger.active span:first-child{top:23px;transform:translateX(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:23px;transform:translateX(-50%) rotate(-45deg)}.auth-icon{align-items:center;background:#ff99001a;border-radius:50%;color:#f90;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.auth-icon:hover{background:#f903;transform:translateY(-50%) scale(1.1)}.auth-status{bottom:0;color:#4bb543;font-size:1.5rem;position:absolute;right:0}@media screen and (max-width:768px){.header{justify-content:flex-start;padding-left:0}.hamburger{display:block;left:0;position:relative}.nav-links{background:#f8df8cf2;flex-direction:column;gap:3rem;height:100vh;justify-content:center;left:-100%;position:fixed;top:0;transition:.3s ease;width:100%}.nav-links.active{left:0}.nav-button{--fs-size:1.5em}.auth-icon{font-size:1.2rem;height:35px;right:10px;top:50%;transform:translateY(-50%);width:35px}.auth-icon:hover{transform:translateY(-50%) scale(1.1)}}.footer{background-color:#ff99001a;margin-top:auto;padding:3rem 0 1.5rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section{align-items:center;display:flex;flex-direction:column}.footer-section h3{color:#f90;font-size:1.5rem;margin-bottom:1.5rem}.footer-nav{display:flex;flex-direction:column;gap:.8rem}.footer-nav a{color:#333;text-decoration:none;transition:color .3s ease}.footer-nav a:hover{color:#f90}.contact-link{align-items:center;color:#333;display:flex;gap:.5rem;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:#f90}.contact-link svg{font-size:1.2rem}.social-links{display:flex;gap:2rem;justify-content:center}.social-link{color:#f90;font-size:2.5rem;transition:all .3s ease}.social-link:hover{color:#cc7a00;transform:scale(1.2)}.footer-bottom{border-top:1px solid #f903;margin-top:3rem;padding-top:1.5rem;text-align:center}.footer-bottom p{color:#666;font-size:.9rem}@media screen and (max-width:992px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-section:last-child{grid-column:span 2}}@media screen and (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.footer-section:last-child{grid-column:auto}.footer-section h3{font-size:1.3rem;margin-bottom:1rem}.social-links{gap:1.5rem}.social-link{font-size:2rem}.footer-bottom{margin-top:2rem;padding-top:1rem}}.main-content{display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding-top:0}@media screen and (max-width:768px){.main-content{padding-top:0}}.title-container{margin:2rem 0;padding:0 2rem}.title{align-items:center;display:flex;gap:1rem}.title h1{color:#333;font-size:2.5rem;margin:0}.emoji{animation:bounce 1s ease infinite;font-size:2.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (max-width:768px){.title-container{margin:1.5rem 0;padding:0 1rem}.emoji,.title h1{font-size:2rem}}.home-page{padding:2rem}.content-wrapper,.home-page{align-items:center;display:flex;flex-direction:column}.content-wrapper{gap:3rem;margin:0 auto;max-width:1200px;width:100%}.intro-text{align-items:center;background:#ff99001a;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;max-width:800px;padding:2rem;width:100%}.bell-icon{animation:ring 1s ease infinite;color:#f90;font-size:2rem;margin-right:1rem}.separator{background-color:#f90;height:40px;margin:0 1.5rem;width:2px}.intro-text p{color:#333;font-size:1.2rem;margin:0}@keyframes ring{0%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@media screen and (max-width:768px){.home-page{padding:1rem}.intro-text{flex-direction:column;padding:1.5rem;text-align:center}.separator{height:2px;margin:1rem 0;width:40px}.intro-text p{font-size:1rem}}.features-section,.news-section{margin:2rem 0;max-width:800px;width:100%}.features-section h2,.news-section h2{color:#333;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center}.feature-card h3{color:#f90;margin-bottom:1rem}@media screen and (max-width:768px){.features-grid{grid-template-columns:1fr}}.registration-page{padding:2rem}.form-container{background:#ff99001a;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{background:#fff;border:1px solid #ff99004d;border-radius:8px;padding:.8rem;transition:all .3s ease;width:100%}.form-group textarea{min-height:150px}.form-group input:focus,.form-group textarea:focus{border-color:#f90;box-shadow:0 0 0 2px #f903;outline:none}.submit-button{background:#f90;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:1rem;transition:all .3s ease;width:100%}.submit-button:hover{background:#cc7a00}.submit-button:disabled{background:#ccc;cursor:not-allowed}.alert{border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.alert p{margin:.5rem 0}.alert p:first-child{font-size:1.1rem;font-weight:700}.alert.success{background:#4bb5431a;border:1px solid #4bb5434d;color:#2d5a29}.alert.error{background:#ff44441a;border:1px solid #ff44444d;color:#721c24}.form-section{border-bottom:1px solid #f903;margin-bottom:2rem;padding-bottom:1rem}.form-section h3{color:#f90;margin-bottom:.5rem}.form-section p{color:#666;font-size:.9rem;margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.checkbox-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-top:.5rem}.checkbox-label{align-items:center;display:flex;font-weight:400;gap:.5rem}.checkbox-label input[type=checkbox]{margin-right:.5rem;width:auto}select{background:#fff;border:1px solid #ff99004d;border-radius:8px;padding:.8rem;transition:all .3s ease;width:100%}select:focus{border-color:#f90;box-shadow:0 0 0 2px #f903;outline:none}.steps-indicator{gap:2rem;margin-bottom:2rem}.step,.steps-indicator{display:flex;justify-content:center}.step{align-items:center;border-radius:50%;font-weight:700;height:40px;position:relative;width:40px}.step,.step:after{background:#f0f0f0}.step:after{content:"";height:2px;position:absolute;right:-2rem;width:2rem}.step:last-child:after{display:none}.step.active{background:#f90;color:#fff}.step.completed{color:#fff}.step.completed,.step.completed:after{background:#4bb543}.form-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.nav-left{flex:1 1}.nav-right{display:flex;flex:1 1;justify-content:flex-end}.form-nav-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.form-nav-button.prev{background:#f0f0f0;color:#333}.form-nav-button.next{background:#f90;color:#fff}.form-nav-button:hover{opacity:.9}.form-submit-button{background:#f90;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.form-submit-button:hover{opacity:.9}.form-submit-button:disabled{background:#ccc;cursor:not-allowed}.required-star{color:#f44;margin-left:4px}@media screen and (max-width:768px){.registration-page{padding:1rem}.form-container{margin:1rem auto;padding:1.5rem}.submit-button{font-size:1rem;padding:.8rem}.checkbox-group,.form-row{grid-template-columns:1fr}.steps-indicator{gap:1rem}.step:after{right:-1rem;width:1rem}.form-navigation{flex-direction:column}.nav-left,.nav-right{width:100%}.nav-right{justify-content:flex-start}.form-nav-button,.form-submit-button{width:100%}}.error-message{color:#f44;display:block;font-size:.8rem;margin-top:.25rem;min-height:1rem}.form-group{margin-bottom:1rem}input:invalid,textarea:invalid{border-color:#f44}input:focus:invalid,textarea:focus:invalid{box-shadow:0 0 0 2px #f443;outline:none}.about-page{padding:2rem}.about-content{margin:2rem auto;max-width:1000px;padding:2rem}.mission-section{background:#ff99001a;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin-bottom:4rem;padding:2rem;text-align:center}.highlight-text{color:#f90;font-size:1.5rem;font-weight:500;margin:1rem 0}.values-section{margin-bottom:4rem}.join-section h2,.objectives-section h2,.values-section h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.value-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-icon{color:#f90;font-size:2.5rem;margin-bottom:1rem}.value-card h3{color:#333;margin-bottom:.5rem}.value-card p{color:#666;font-size:.9rem}.objectives-section{margin-bottom:4rem}.objectives-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.objective-item{background:#ff99001a;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:2rem}.objective-item h3{color:#f90;margin-bottom:1rem}.objective-item p{color:#333;line-height:1.6}.join-section{background:linear-gradient(135deg,#ff99001a,#f903);border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:3rem;text-align:center}.join-section p{color:#333;line-height:1.8;margin:0 auto;max-width:800px}@media screen and (max-width:768px){.about-content,.about-page{padding:1rem}.values-grid{grid-template-columns:repeat(2,1fr)}.objectives-list{grid-template-columns:1fr}.highlight-text{font-size:1.2rem}.objective-item,.value-card{padding:1.5rem}.join-section{padding:2rem}}@media screen and (max-width:480px){.values-grid{grid-template-columns:1fr}}.login-page{padding:2rem}.login-container{background:#ff99001a;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group input{background:#fff;border:1px solid #ff99004d;border-radius:8px;padding:.8rem;transition:all .3s ease}.form-group input:focus{border-color:#f90;box-shadow:0 0 0 2px #f903;outline:none}.login-button{background:#f90;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:1rem;transition:all .3s ease}.login-button:hover{background:#cc7a00}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:8px;color:#721c24;margin-bottom:1.5rem;padding:1rem;text-align:center}.login-info{border-top:1px solid #f903;color:#666;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-info p{margin-bottom:.5rem}@media screen and (max-width:768px){.login-page{padding:1rem}.login-container{margin:1rem auto;padding:1.5rem}.login-button{padding:.8rem}}.courses-page{margin:0 auto;max-width:1200px;padding:20px;width:100%}.courses-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin-top:20px;overflow:hidden}.loading-courses{color:#666;font-size:18px;padding:40px;text-align:center}.courses-content{display:flex;flex-direction:column;gap:30px;padding:20px}@media (min-width:768px){.courses-content{padding:30px}}.sports-list{width:100%}.sports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sports-header h2{color:#333;font-size:24px;margin:0}.add-sport-button{align-items:center;background-color:#4caf50;border-radius:5px;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}.add-sport-button:hover{background-color:#3e8e41}.sports-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sport-card{background-color:#f9f9f9;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.sport-card:hover{background-color:#f0f0f0;transform:translateY(-2px)}.sport-card.selected{background-color:#f0f8f0;border-color:#4caf50}.sport-card h3{color:#333;font-size:18px;margin-bottom:10px;margin-top:0}.sport-card p{color:#666;font-size:14px;margin:0}.no-sports{color:#666;padding:30px;text-align:center}.techniques-section{margin-top:20px}.techniques-header{margin-bottom:20px}.techniques-header h2{color:#333;font-size:22px;margin:0 0 15px}.levels-filter-container{display:flex;flex-direction:column;gap:15px}@media (min-width:768px){.levels-filter-container{align-items:center;flex-direction:row;justify-content:space-between}}.levels-filter{display:flex;flex-wrap:wrap;gap:10px}.level-pill{background-color:#f0f0f0;border-radius:20px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.level-pill:hover{background-color:#e0e0e0}.level-pill.selected{background-color:#4caf50;color:#fff}.teacher-actions{display:flex;gap:10px}.add-level-button,.add-technique-button{align-items:center;background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s}.add-level-button:hover,.add-technique-button:hover{background-color:#0b7dda}.techniques-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.techniques-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.loading-techniques,.no-techniques{color:#666;padding:30px;text-align:center}.technique-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s}.technique-card:hover{transform:translateY(-3px)}.technique-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.technique-header h3{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.technique-level{background-color:#f0f0f0;border-radius:4px;color:#666;font-size:12px;padding:2px 6px}.technique-actions{display:flex;gap:8px}.delete-technique-button,.edit-technique-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.edit-technique-button{color:#2196f3}.delete-technique-button{color:#f44336}.edit-technique-button:hover{background-color:#2196f31a}.delete-technique-button:hover{background-color:#f443361a}.video-container{border-radius:8px;height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{border-radius:8px;height:100%;left:0;position:absolute;top:0;width:100%}.technique-description{color:#666;font-size:14px;line-height:1.5;margin:0}.modal-overlay{background-color:#00000080;padding:20px}.modal-container{background-color:#fff;box-shadow:0 4px 20px #0003;max-width:500px}.modal-header{padding:15px 20px}.close-modal,.modal-header h3{font-size:20px}.close-modal{padding:5px}.modal-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{gap:10px;margin-top:20px}.cancel-button,.submit-button{border-radius:5px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.cancel-button{background-color:#f0f0f0}.submit-button{background-color:#4caf50;border:none;color:#fff}.cancel-button:hover{background-color:#e0e0e0}.submit-button:hover{background-color:#3e8e41}@media screen and (max-width:768px){.sports-grid,.techniques-grid{grid-template-columns:1fr}.levels-filter{flex-direction:row;flex-wrap:wrap;justify-content:center}.level-pill{margin-bottom:.5rem}.video-container{padding-bottom:56.25%}}.profile-page{padding:2rem}.profile-container{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem;position:relative}.profile-role-badge{background:#f90;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.9rem;font-weight:500;padding:.4rem 1rem;position:absolute;right:20px;top:-12px;z-index:1}.profile-role-badge:contains("Administrateur"){background:#e74c3c}.loading-profile,.profile-error-message{color:#666;padding:2rem;text-align:center}.profile-error-message{color:#e74c3c}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;gap:1.5rem;padding-bottom:1.5rem}.profile-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#f90;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.profile-info{flex:1 1}.profile-info h2{color:#333;margin:0 0 .5rem}.profile-email{color:#666;margin:0 0 .5rem}.profile-role{background:#f903;border-radius:20px;color:#f90;display:inline-block;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.profile-details{display:flex;flex-direction:column;gap:1.5rem}.profile-section{background:#ff99000d;border-radius:10px;padding:1.5rem}.profile-section h3{border-bottom:2px solid #ff99004d;color:#333;font-size:1.2rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.profile-field{display:flex;margin-bottom:.8rem}.field-label{color:#555;font-weight:500;width:120px}.field-value{color:#333;flex:1 1}.profile-sports-list{display:flex;flex-wrap:wrap;gap:.5rem}.profile-sport-tag{background:#f90;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.profile-actions{display:flex;justify-content:flex-end;margin-top:1rem}.logout-button{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.logout-button:hover{background:#c0392b}@media screen and (max-width:768px){.profile-page{padding:1rem}.profile-container{padding:1.5rem}.profile-header{flex-direction:column;text-align:center}.profile-field{flex-direction:column;margin-bottom:1rem}.field-label{margin-bottom:.3rem;width:100%}}.admin-page{padding:2rem}.admin-container{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:1200px;padding:2rem}.admin-error-message,.loading-admin{color:#666;padding:2rem;text-align:center}.admin-error-message{color:#e74c3c}.admin-header{align-items:center;border-bottom:2px solid #ff99004d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.admin-header h2{color:#333;margin:0}.add-user-button{background:#f90;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.add-user-button:hover{background:#e68a00}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modalFadeIn .3s ease;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#333;font-size:1.3rem;margin:0}.close-modal{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:.5rem;transition:background .2s ease}.close-modal:hover{background:#0000000d;color:#333}.modal-content{padding:1.5rem}.modal-error{background:#e74c3c1a;border-radius:8px;color:#e74c3c;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-button{background:#f1f1f1;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.cancel-button:hover{background:#e1e1e1}.add-user-form{gap:1.5rem}.add-user-form,.form-group{display:flex;flex-direction:column}.form-group,.form-group label{margin-bottom:.5rem}.form-group label{color:#555;font-weight:500}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.8rem}.sports-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.sports-input-group select{flex:1 1}.add-sport-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem}.sports-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sport-tag{align-items:center;background:#f903;border-radius:20px;color:#f90;display:flex;font-size:.9rem;gap:.5rem;padding:.4rem .8rem}.remove-sport{align-items:center;background:none;display:flex;font-size:1.2rem;justify-content:center;padding:0}.create-user-button,.remove-sport{border:none;color:#fff;cursor:pointer}.create-user-button{background:#4caf50;border-radius:8px;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.create-user-button:hover{background:#3e8e41}.create-user-button:disabled{background:#a5d6a7;cursor:not-allowed}.users-list h3{border-bottom:1px solid #0000001a;color:#333;font-size:1.2rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.5rem}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;box-shadow:0 2px 4px #0000000d;margin-top:1.5rem;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:1rem;text-align:left}.users-table th{background-color:#f9f9f9;color:#333;font-weight:600;padding:1rem;text-align:left}.users-table tr:hover{background-color:#f5f5f5}.users-table td:first-child,.users-table th:first-child{text-align:left;width:20%}.users-table td:nth-child(2),.users-table th:nth-child(2){text-align:left;width:30%}.users-table td:nth-child(3),.users-table th:nth-child(3){text-align:center;width:15%}.users-table td:nth-child(4),.users-table th:nth-child(4){text-align:left;width:25%}.users-table td:nth-child(5),.users-table th:nth-child(5){text-align:center;width:10%}.role-select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.5rem}.user-sports{display:flex;flex-wrap:wrap;gap:.3rem}.user-sport-tag{background:#f903;border-radius:20px;color:#f90;font-size:.75rem;padding:.2rem .5rem}.delete-user{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem .8rem;transition:background .3s ease}.delete-user:hover:not(:disabled){background:#c0392b}.delete-user:disabled{background:#ccc}.delete-confirmation{display:flex;gap:.5rem}.confirm-delete{background:#e74c3c}.cancel-delete,.confirm-delete{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem .8rem}.cancel-delete{background:#7f8c8d}.no-users{color:#666;font-style:italic;padding:2rem;text-align:center}.multi-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:1rem;min-height:140px;padding:.8rem}.multi-select option{border-radius:4px;margin:2px 0;padding:8px}.multi-select option:checked{background:linear-gradient(#f90,#f90);color:#fff}.multi-select option:hover{background-color:#ff99001a}@media screen and (max-width:768px){.admin-page{padding:1rem}.admin-container{padding:1.5rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.users-table td,.users-table th{font-size:.85rem;padding:.8rem .5rem}.modal-container{max-height:95vh}.modal-content,.modal-header{padding:1rem}.modal-actions{flex-direction:column;gap:.5rem}.cancel-button,.create-user-button{width:100%}}.delete-modal{max-width:500px}.delete-warning{color:#e74c3c;font-weight:500;margin-bottom:1.5rem}.delete-button{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.delete-button:hover:not(:disabled){background:#c0392b}.delete-button:disabled{background:#e57373;cursor:not-allowed}.input-error{color:#e74c3c;font-size:.85rem;margin-top:.5rem}.edit-modal{max-width:600px}.edit-user-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background .3s ease}.edit-user-button:hover:not(:disabled){background:#2980b9}.edit-user-button:disabled{background:#7fb9e2;cursor:not-allowed}.disabled-input{background-color:#f5f5f5;color:#777;cursor:not-allowed}.input-help{color:#777;font-size:.85rem;font-style:italic;margin-top:.3rem}.users-table th:last-child{text-align:center!important}.actions-cell{gap:1rem;margin:0 auto}.actions-cell,.delete-user,.edit-user{align-items:center;display:flex;justify-content:center}.delete-user,.edit-user{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;height:36px;padding:.5rem;transition:all .2s ease;width:36px}.edit-user{color:#3498db}.edit-user:hover{background-color:#3498db1a}.delete-user{color:#e74c3c}.delete-user:hover:not(:disabled){background-color:#e74c3c1a}.delete-user:disabled{background:none!important;box-shadow:none!important;color:#bbb!important;cursor:not-allowed}.delete-user:disabled svg{color:#bbb!important}.delete-user:disabled:hover{background:none!important}.users-table td{vertical-align:middle}.sport-bubble-container{display:flex;flex-wrap:wrap;gap:.5rem}.sport-bubble{background:#ffc10733;border-radius:20px;color:#d9a400;display:inline-block;font-size:.85rem;font-weight:500;padding:.3rem .8rem;white-space:nowrap}.no-sports{color:#999;font-style:italic}
/*# sourceMappingURL=main.65fe74f2.css.map*/