.login-container{background:#fff;border:2.5px solid #1a1a1a;border-radius:14px;width:calc(100% - 48px);max-width:380px;padding:36px 28px 28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:4px 4px #1a1a1a}.login-brand{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.login-logo{background:#fff;border:2.5px solid #1a1a1a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex;box-shadow:3px 3px #1a1a1a}.login-logo svg{color:#16a34a;width:28px;height:28px}.login-title{color:#1a1a1a;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.login-subtitle{color:#666;margin:4px 0 0;font-size:.85rem;font-weight:500}.login-form{flex-direction:column;gap:16px;width:100%;max-width:340px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#1a1a1a;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.login-input{color:#1a1a1a;box-sizing:border-box;background:#fff;border:2.5px solid #1a1a1a;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .15s}.login-input::placeholder{color:#999}.login-input:focus{border-color:#16a34a;box-shadow:3px 3px #16a34a}.login-input:disabled{opacity:.5;background:#f4f4f5}.login-error{color:#dc2626;background:#fef2f2;border:2px solid #dc2626;border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:.85rem;font-weight:600;line-height:1.4;animation:.4s loginShake;display:flex}@keyframes loginShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-btn{color:#fff;cursor:pointer;background:#16a34a;border:2.5px solid #1a1a1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:1rem;font-weight:800;transition:all .1s;display:flex;box-shadow:3px 3px #1a1a1a}.login-btn:hover:not(:disabled){background:#15803d}.login-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #1a1a1a}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite loginSpin}.login-footer{color:#aaa;margin-top:48px;font-size:.75rem;font-weight:500}