*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:'Nunito',sans-serif;overflow:auto;background-color:rgba(224,244,242,0.85);position:relative;z-index:0}body{display:flex;height:100vh;width:100vw;background-color:rgba(224,244,242,0.85);position:relative;margin:0;padding:0;font-family:'Nunito',sans-serif}.menu-toggle{display:block;position:fixed;top:1rem;left:1rem;background:#3BA99C;color:white;border:none;font-size:1.5rem;padding:0.5rem 1rem;z-index:1100;border-radius:5px;cursor:pointer;transition:opacity 0.4s ease,visibility 0.4s ease;opacity:1;visibility:visible}.menu-toggle.hidden{opacity:0;visibility:hidden;pointer-events:none}.close-btn{display:block;background:none;border:none;color:white;font-size:1.5rem;align-self:flex-end;cursor:pointer;margin-bottom:1rem}nav{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:#3BA99C;color:white;padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:flex-start;z-index:1000;transform:translateX(-100%);transition:transform 0.3s ease-in-out}nav>div{display:flex;flex-direction:column;gap:1rem}nav h2{font-weight:700;margin-bottom:2rem;color:#E0F4F2}nav a{color:#E0F4F2;text-decoration:none;font-weight:600;padding:0.5rem 0;border-left:3px solid transparent;transition:border-color 0.3s}nav a:hover{border-left:3px solid #1D4E47}nav.active{transform:translateX(0)}.btn-login{background-color:#1D4E47;color:#E0F4F2;border:none;padding:0.75rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color 0.3s}.bottom-nav{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.btn-login:hover{background-color:#155241}main.mosaique{margin-left:220px;padding:1rem}.mosaique{display:flex;gap:15px;padding:1.5rem;height:calc(100vh - 3rem);overflow-y:auto;position:relative;flex-grow:1;z-index:2}.colonne{flex:1;display:flex;flex-direction:column;gap:15px;height:100%}.colonne>div{flex-grow:1;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);padding:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s}.c1{background-color:#A7D8D1;color:#1D4E47;border:1px solid #9ED7D0}.c2{background-color:#9ED7D0;color:#1D4E47;border:none}.c3{background-color:#3BA99C;color:#E0F4F2;border:none}.c4{background-color:#2B7A71;color:#E0F4F2;border:none}.c5{background-color:#1D4E47;color:#E0F4F2;border:none}.mosaique>.colonne>div:hover{filter:brightness(85%);cursor:pointer}#particles-js{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1}.credit-banner{position:fixed;bottom:0;left:220px;width:calc(100vw - 220px);background-color:rgba(29,78,71,0.85);color:#E0F4F2;font-size:0.9rem;padding:0.5rem 1rem;text-align:center;z-index:10;box-shadow:0 -2px 6px rgba(0,0,0,0.2);font-weight:600}.credit-banner a{color:inherit;text-decoration:none;font-weight:normal}.credit-banner a:hover{text-decoration:underline}.login-section{flex-grow:1;display:flex;align-items:center;justify-content:center;background-color:transparent;position:relative;z-index:2}.login-form{background-color:#ffffff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.2);width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.login-form h1{margin-bottom:1rem;color:#1D4E47;font-size:1.8rem;font-weight:700;text-align:center}.login-form label{font-weight:600;color:#1D4E47}.login-form input{padding:0.6rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.login-form .btn-login{margin-top:1rem;width:100%}.signup-link{text-align:center;margin-top:1rem;font-size:0.95rem}.signup-link a{color:#3BA99C;text-decoration:none;font-weight:600}.signup-link a:hover{text-decoration:underline}nav .logout-btn{background-color:#2e998d;color:#fff;padding:0.75rem 1rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;margin-top:auto;transition:background-color 0.3s ease}nav .logout-btn:hover{background-color:#21867b}.form-section{flex-grow:1;padding:3rem 2rem;margin-left:220px;background-color:transparent;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:2}form.form-wrapper{background-color:#fff;max-width:600px;width:100%;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.15);display:flex;flex-direction:column;gap:1.2rem}form.form-wrapper h1{font-weight:800;font-size:2rem;color:#1D4E47;margin-bottom:1.5rem;text-align:center}form.form-wrapper label{font-weight:700;color:#1D4E47;margin-bottom:0.3rem}form.form-wrapper input[type="text"],form.form-wrapper textarea,form.form-wrapper input[type="file"]{padding:0.7rem 1rem;border:1.5px solid #ccc;border-radius:8px;font-size:1rem;font-family:'Nunito',sans-serif;transition:border-color 0.3s ease;width:100%}form.form-wrapper input[type="text"]:focus,form.form-wrapper textarea:focus,form.form-wrapper input[type="file"]:focus{border-color:#3BA99C;outline:none;box-shadow:0 0 6px rgba(59,169,156,0.5)}form.form-wrapper textarea{min-height:90px;resize:vertical}.multi-input-group{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:0.8rem}.add-button{background-color:#3BA99C;color:white;border:none;padding:0.5rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;width:fit-content;transition:background-color 0.3s ease;margin-bottom:1.2rem}.add-button:hover{background-color:#2b7a71}.btn-submit{background-color:#1D4E47;color:#E0F4F2;border:none;padding:0.9rem 0;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease}.btn-submit:hover{background-color:#155241}body{font-family:'Nunito',sans-serif;background-color:#f9f9f9;color:#333;margin:0;padding:40px 20px;display:flex;justify-content:center}.form-wrapper{width:90vw;max-width:900px;min-width:600px;background:#fff;padding:40px 60px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.12);box-sizing:border-box}input[readonly],textarea[readonly]{width:100%;padding:16px 20px;font-size:1.2rem;border-radius:6px;border:1.8px solid #ccc;background-color:#f4f6f8;box-sizing:border-box}.button-group{margin-top:40px;display:flex;gap:20px}.submit-btn{flex:1;padding:18px 0;font-size:1.3rem;border-radius:8px}.submit-btn.accept{background-color:#27ae60}.submit-btn.accept:hover{background-color:#219150}.submit-btn.reject{background-color:#e74c3c}.submit-btn.reject:hover{background-color:#c0392b}.user-table{width:100%;border-collapse:collapse;margin-top:20px;font-family:'Nunito',sans-serif}.user-table th,.user-table td{border:1px solid #ddd;padding:12px 15px;text-align:left}.user-table th{background-color:#f2f2f2;color:#333}.user-table tr:nth-child(even){background-color:#f9f9f9}.role.admin{color:white;background-color:#d9534f;font-weight:bold;padding:5px 10px;border-radius:5px;display:inline-block}.role.club{color:black;background-color:#f0ad4e;font-weight:bold;padding:5px 10px;border-radius:5px;display:inline-block}.role.user{color:white;background-color:#5cb85c;font-weight:bold;padding:5px 10px;border-radius:5px;display:inline-block}button.change-role{margin-left:10px;padding:5px 8px;font-size:0.9em;cursor:pointer;border:none;border-radius:4px;background-color:#007bff;color:white;transition:background-color 0.3s ease}button.change-role:hover{background-color:#0056b3}