.sys-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;background:#f0f2f5}.sys-login-card{width:100%;max-width:400px;padding:40px 36px 36px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box}.sys-login-header{margin-bottom:28px;text-align:center}.sys-login-logo{display:block;width:48px;height:48px;margin:0 auto 16px;object-fit:cover;border-radius:10px}.sys-login-title{margin:0;font-size:22px;font-weight:600;line-height:1.3;color:#000000e0}.sys-login-subtitle{margin:8px 0 0;font-size:14px;line-height:1.5;color:#00000073}.sys-login-alert{margin-bottom:16px;padding:8px 12px;font-size:13px;line-height:1.5;border-radius:6px}.sys-login-alert--error{color:#cf1322;background:#fff2f0;border:1px solid #ffccc7}.sys-login-alert--warning{color:#ad6800;background:#fffbe6;border:1px solid #ffe58f}.sys-login-form{display:flex;flex-direction:column;gap:20px}.sys-login-field{display:flex;flex-direction:column;gap:6px}.sys-login-label{font-size:14px;font-weight:500;color:#000000e0}.sys-login-input{width:100%;height:40px;padding:0 12px;font-size:14px;color:#000000e0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.sys-login-input::placeholder{color:#00000040}.sys-login-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.sys-login-input:disabled{color:#00000040;background:#0000000a;cursor:not-allowed}.sys-login-field-error{margin:0;font-size:12px;color:#ff4d4f}.sys-login-submit{width:100%;height:40px;margin-top:4px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;background:#1677ff;border:0;border-radius:6px;transition:background .2s}.sys-login-submit:hover:not(:disabled){background:#4096ff}.sys-login-submit:disabled{cursor:wait;opacity:.65}@media(max-width:480px){.sys-login-card{padding:32px 24px 28px}.sys-login-title{font-size:20px}}