.connexion-container{background:rgba(51,51,51,.9);border:2px solid #4a4a4a;border-radius:8px;overflow:hidden;backdrop-filter:blur(10px)}.connexion-header{background:#4caf50;padding:15px 20px;border-bottom:2px solid #45a049}.connexion-header h2{margin:0;color:white;font-size:20px;text-transform:uppercase}.connexion-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.login-section h3,.register-section h3{color:#4caf50;margin-top:0;margin-bottom:20px}.connexion-form{gap:20px;margin-bottom:20px}.connexion-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#cccccc;margin-bottom:5px;font-weight:700}.form-group input{padding:12px;border:2px solid #555;border-radius:4px;background:#2a2a2a;color:#ffffff;font-size:14px}.form-group input:focus{outline:none;border-color:#4caf50}.form-group input:disabled{opacity:.7;cursor:not-allowed}.checkbox-group{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;color:#cccccc;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.submit-button{padding:15px;background:#4caf50;color:white;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:16px;transition:background .3s ease}.submit-button:hover:not(:disabled){background:#45a049}.submit-button:disabled{opacity:.7;cursor:not-allowed}.message{margin-top:15px;padding:12px;border-radius:4px;font-weight:700;text-align:center}.message.error{background:rgba(244,67,54,.2);color:#f44336;border:1px solid #f44336}.form-links{text-align:center;margin-bottom:20px}.forgot-link{color:#4caf50;text-decoration:none;font-size:14px}.forgot-link:hover{text-decoration:underline}.demo-accounts{background:#2a2a2a;border:1px solid #555;border-radius:8px;padding:15px}.demo-accounts h4{color:#4caf50;margin-top:0;margin-bottom:10px;font-size:14px}.demo-list{display:flex;flex-direction:column;gap:8px}.demo-account{color:#aaa;font-size:13px}.demo-account strong{color:#cccccc}.register-section p{color:#cccccc;line-height:1.6;margin-bottom:20px}.register-benefits{margin-bottom:25px}.register-benefits h4{color:#4caf50;margin-bottom:10px;font-size:16px}.register-benefits ul{list-style:none;padding:0;margin:0}.register-benefits li{color:#cccccc;position:relative;padding:5px 0 5px 20px}.register-benefits li:before{content:"✓";color:#4caf50;font-weight:700;position:absolute;left:0}.register-button{display:block;background:#4caf50;color:white;text-decoration:none;padding:15px;border-radius:4px;text-align:center;font-weight:700;transition:background .3s ease;margin-bottom:25px}.register-button:hover{background:#45a049}.server-info{background:#2a2a2a;border:1px solid #555;border-radius:8px;padding:15px}.server-info h4{color:#4caf50;margin-top:0;margin-bottom:15px;font-size:16px}.info-grid{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{color:#aaa;font-size:14px}.info-value{color:#cccccc;font-weight:700}.info-value.online{color:#4caf50}@media (max-width:768px){.connexion-content{grid-template-columns:1fr;gap:20px;padding:20px}}.main-container .sidebar{width:250px;background:rgba(42,42,42,.95);border-right:2px solid #4a4a4a;padding:20px 0;min-height:600px;backdrop-filter:blur(10px)}.main-container .sidebar .section-title{background:rgba(76,175,80,.9);color:white;padding:10px 20px;font-weight:700;text-transform:uppercase;border-left:4px solid #45a049;box-shadow:0 0 10px rgba(76,175,80,.3)}.main-container .sidebar .menu-items{background:rgba(51,51,51,.9);backdrop-filter:blur(5px)}