body.page-login:not(.styles-loaded){visibility:hidden}body.page-login{min-height:100vh;display:flex;flex-direction:column;background:#234e52}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#234e52}.login-box{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:3rem;max-width:400px;width:100%;box-shadow:var(--shadow-md)}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{color:var(--dark-color);font-weight:700;margin-bottom:.5rem}.login-subtitle{color:var(--body-color)}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-control{padding:.75rem 1rem;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 rgba(44,122,123,.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:1rem}.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:2rem}}