body.page-login{min-height:100vh;display:flex;flex-direction:column;background:var(--primary-dark)}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--primary-dark)}.login-box{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2.25rem;max-width:400px;width:100%;box-shadow:var(--shadow-md)}.login-header{text-align:center;margin-bottom:1.75rem}.login-title{color:var(--dark-color);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.login-subtitle{color:var(--body-color);font-size:.875rem}.login-form .form-group{margin-bottom:1.25rem}.login-form .form-control{padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--border-radius)}.login-form .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--primary-color) 25%,transparent)}.login-form .form-control.input-error{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.login-form .btn-login{width:100%;padding:.75rem 1.5rem;background:var(--primary-color);border:2px solid var(--primary-color);color:#fff;font-weight:600;border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.login-form .btn-login:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.google-signin{width:100%;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--border-color);color:var(--body-color);font-weight:600;border-radius:var(--border-radius);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.75rem}.google-signin:hover{background:var(--light-color);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider span{background:#fff;padding:0 1rem;position:relative;color:var(--body-color)}.login-footer{background:var(--primary-dark);color:#fff;text-align:center;padding:1.5rem}.login-footer a{color:#fff;text-decoration:underline}.login-footer a:hover{color:var(--primary-light)}@media (max-width:576px){.login-box{padding:1.5rem}}