/* ===================================================================================================================================================
                                                            /Commun/assets/css/style_login.css
   =================================================================================================================================================== */
body.login-page { margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #1e1e2f; display: flex; justify-content: center; align-items: center; height: 100vh; color: #fff; }
.login-container { background: #2a2a40; padding: 40px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); width: 100%; max-width: 400px; box-sizing: border-box; }
.login-header { text-align: center; margin-bottom: 30px; }
.login-header h1 { font-size: 1.8rem; margin: 0 0 10px 0; color: #4e73df; }
.login-header p { color: #a0a0c0; font-size: 0.95rem; margin: 0; }
.alert-login { background-color: rgba(231, 74, 59, 0.2); border-left: 4px solid #e74a3b; color: #ff8b80; padding: 12px; margin-bottom: 20px; border-radius: 4px; font-size: 0.9rem; }
.form-control { margin-bottom: 20px; }
.form-control label { display: block; margin-bottom: 8px; font-size: 0.9rem; color: #cfd8dc; }
.form-control input { width: 100%; padding: 12px; background: #1e1e2f; border: 1px solid #3f3f5f; border-radius: 6px; color: #fff; font-size: 1rem; box-sizing: border-box; transition: border-color 0.2s; }
.form-control input:focus { outline: none; border-color: #4e73df; }
.form-action-container { margin-top: 30px; }
.btn-main { width: 100%; padding: 12px; background-color: #4e73df; color: white; border: none; border-radius: 20px; font-size: 1rem; cursor: pointer; font-weight: bold; transition: background-color 0.2s; }
.btn-main:hover { background-color: #2e59d9; }