.login-page{background:linear-gradient(135deg,#0a2e1f 0%,#1a4a2f 50%,#2a6f3f 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:44px 40px;box-shadow:0 20px 60px #0028004d}.login-header{justify-content:center;align-items:center;gap:10px;margin-bottom:30px;display:flex}.login-logo-image{object-fit:contain;width:auto;height:auto;display:block}.login-logo{color:#1a4a2f;letter-spacing:1px;text-transform:uppercase;font-size:1.8rem;font-weight:800;line-height:1}.login-form-group{margin-bottom:18px}.login-label{color:#2a4a3a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.login-input{background-color:#f9fff9;border:1px solid #a8d5ba;border-radius:6px;outline:none;width:100%;padding:11px 14px;font-size:.9rem;transition:all .3s}.login-input:focus{background-color:#fff;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7126}.login-input:hover{border-color:#27ae60}.login-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);border:none;border-radius:6px;width:100%;margin-top:8px;padding:12px;font-size:.95rem;font-weight:700;transition:all .3s}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#229954 0%,#27ae60 100%);transform:translateY(-2px);box-shadow:0 5px 15px #27ae604d}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-error{color:#27ae60;background:#f0fff0;border:1px solid #a8e6b0;border-left:4px solid #27ae60;border-radius:6px;margin-bottom:20px;padding:10px 14px;font-size:.84rem}.login-demo-box{color:#1e4a2e;background:linear-gradient(135deg,#f0fff4 0%,#e8ffe8 100%);border:1px solid #a8e6b0;border-radius:8px;margin-top:28px;padding:14px;font-size:.8rem;line-height:1.6}.login-demo-box strong{color:#27ae60;font-weight:800}@media (max-width:480px){.login-box{margin:0 15px;padding:30px 20px}.login-header{gap:8px}.login-logo{font-size:1.5rem}.login-logo-image{width:30px;height:30px}}.login-options{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.login-remember{align-items:center;display:flex}.login-remember input{accent-color:#27ae60;width:16px;height:16px;margin-right:8px}.login-remember label{color:#4a6f5a;cursor:pointer;font-size:.85rem}.login-forgot a{color:#27ae60;font-size:.85rem;text-decoration:none;transition:color .3s}.login-forgot a:hover{color:#1e8449;text-decoration:underline}.password-group{position:relative}.password-group .login-input{padding-right:40px}.password-toggle-icon{cursor:pointer;color:#555;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin-top:13px;font-size:22px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}