.login-page{font-family:Inter,sans-serif;min-height:100vh;display:flex;background:#fff}.login-page .login-container{display:flex;width:100%}.login-page .left-panel{display:none}@media (min-width: 768px){.login-page .left-panel{display:flex;width:50%;background:linear-gradient(to bottom right,#eff6ff,#dbeafe);align-items:center;justify-content:center;padding:2.5rem}.login-page .left-panel .content{max-width:26rem;text-align:center}.login-page .left-panel .icon{font-size:2.5rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a}.login-page .left-panel h1{font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:1rem}.login-page .left-panel p{color:#1d4ed8;margin-bottom:1.5rem}.login-page .features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.login-page .feature{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 2px #0000000d}.login-page .feature h3{font-weight:600;color:#1e40af;margin-bottom:.25rem}.login-page .feature p{font-size:.875rem;color:#2563eb}}.login-page .right-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-page .form-box{width:100%;max-width:28rem}.login-page .header{text-align:center;margin-bottom:2rem}.login-page .icon-mobile{display:none}@media (max-width: 767px){.login-page .icon-mobile{display:inline-block;margin-bottom:1rem;background:#eff6ff;padding:.75rem;border-radius:.75rem}}.login-page .header h2{font-size:1.5rem;font-weight:700;color:#111827}.login-page .header p{margin-top:.5rem;color:#4b5563}.login-page form{display:flex;flex-direction:column;gap:1rem}.login-page label{font-size:.875rem;color:#374151;margin-bottom:.25rem}.login-page input[type=text],.login-page input[type=password]{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.login-page input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.login-page .password-wrapper{position:relative}.login-page .password-wrapper input{padding-right:2.5rem}.login-page .toggle-pass{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:1rem;color:#6b7280}.login-page .remember{display:flex;align-items:center;gap:.5rem}.login-page .remember input{width:1rem;height:1rem;accent-color:#2563eb}.login-page .error-message{background:#fef2f2;color:#b91c1c;padding:.75rem 1rem;border-radius:.5rem;text-align:center;font-size:.875rem}.login-page button[type=submit]{background:#2563eb;color:#fff;font-weight:500;padding:.75rem 1rem;border-radius:.5rem;border:none;transition:all .2s}.login-page button[type=submit]:hover{background:#1d4ed8;transform:scale(1.02)}.login-page button[type=submit]:active{transform:scale(.98)}.login-page button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.login-page .footer{text-align:center;font-size:.875rem;color:#6b7280}.login-page .footer .admin-link{color:#2563eb;font-weight:500}.login-page .footer .admin-link:hover{color:#1d4ed8}