.loginPageContainer{background-color:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.loginBackgroundGrid{pointer-events:none;background-image:radial-gradient(circle at 15% 15%,#2563eb14 0%,#0000 40%),radial-gradient(circle at 85% 85%,#d9770614 0%,#0000 40%),radial-gradient(circle,#4f46e50d 0%,#0000 60%);position:absolute;inset:0}.loginGridPattern{pointer-events:none;background-image:linear-gradient(90deg,#e2e8f066 1px,#0000 1px),linear-gradient(#e2e8f066 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.loginGlowOrbTop{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#0060aa2e 0%,#0284c714 50%,#0000 70%);width:500px;height:250px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.loginCard{z-index:10;-webkit-backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #bae6fdcc;border-radius:28px;width:100%;max-width:480px;padding:2.25rem;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 4px 6px -1px #0f172a0d,0 20px 35px -10px #0060aa1f,inset 0 0 0 1px #fffc}.loginHeader{text-align:center;margin-bottom:1.5rem}.brandLogoContainer{filter:drop-shadow(0 6px 16px #0060aa40);justify-content:center;align-items:center;margin-bottom:.75rem;transition:transform .3s;display:inline-flex}.brandLogoContainer:hover{transform:scale(1.04)}.brandLogoImg{object-fit:contain;width:88px;height:auto}.brandLogoWrapper{color:#fff;letter-spacing:-.04em;background:linear-gradient(135deg,#0060aa 0%,#003763 100%);border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;font-size:1.35rem;font-weight:900;display:inline-flex;position:relative;box-shadow:0 10px 25px -5px #0060aa66}.brandLogoWrapper:after{content:"";pointer-events:none;background:linear-gradient(135deg,#fff6,#0000);border-radius:20px;position:absolute;inset:-2px}.loginTitle{color:#003763;letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:900;line-height:1.25}.loginSubtitle{color:#0060aa;margin-top:.35rem;font-size:.875rem;font-weight:700}.roleSelectorContainer{margin-bottom:1.5rem}.roleSelectorLabel{text-transform:uppercase;letter-spacing:.05em;color:#475569;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.rolePillActiveNotice{color:#2563eb;font-size:.7rem;font-weight:600}.roleSelectorGrid{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.375rem;display:grid}.roleTab{cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.roleTab:hover:not(.roleTabActive){color:#0f172a;background:#fff9}.roleTabAdmin.roleTabActive{background:#fff;border-color:#93c5fd;box-shadow:0 4px 12px #2563eb1f}.roleTabSuperAdmin.roleTabActive{background:#fff;border-color:#fcd34d;box-shadow:0 4px 12px #d9770626}.roleTabBorrower.roleTabActive{background:#fff;border-color:#6ee7b7;box-shadow:0 4px 12px #10b9811f}.roleTabTopRow{align-items:center;gap:.35rem;font-size:.8125rem;font-weight:700;display:flex}.roleTabAdmin .roleTabTopRow{color:#1e40af}.roleTabSuperAdmin .roleTabTopRow{color:#b45309}.roleTabBorrower .roleTabTopRow{color:#065f46}.roleTabSubtitle{color:#64748b;margin-top:.15rem;font-size:.6875rem;font-weight:500}.roleTabBadge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:.1rem .45rem;font-size:.6rem;font-weight:800;position:absolute;top:-8px;right:8px}.badgeAdmin{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.badgeSuperAdmin{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.destinationInfoBox{border-radius:12px;align-items:center;gap:.65rem;margin-top:.65rem;padding:.65rem .85rem;font-size:.75rem;font-weight:600;transition:all .25s;display:flex}.destinationAdmin{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.destinationSuperAdmin{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.destinationBorrower{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.destinationClient{color:#0369a1;background:#f0f7ff;border:1px solid #bae6fd}.destinationIcon{font-size:1rem}.errorAlert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;animation:.2s ease-in-out fadeIn;display:flex}.loginForm{flex-direction:column;gap:1.15rem;display:flex}.inputGroup{flex-direction:column;gap:.35rem;display:flex}.inputLabel{text-transform:uppercase;letter-spacing:.05em;color:#334155;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.inputWrapper{align-items:center;display:flex;position:relative}.inputIconLeft{color:#94a3b8;pointer-events:none;align-items:center;font-size:1rem;display:flex;position:absolute;left:.875rem}.formInput{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.6rem;font-family:inherit;font-size:.875rem;transition:all .2s}.formInput:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.formInputSuperAdminFocus:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626}.passwordToggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;font-size:.8125rem;font-weight:600;transition:color .15s;position:absolute;right:.75rem}.passwordToggle:hover{color:#0f172a}.quickPresetRow{justify-content:space-between;align-items:center;margin-top:-.25rem;display:flex}.quickFillChip{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:.2rem .5rem;font-size:.725rem;font-weight:600;transition:all .15s}.quickFillChip:hover{color:#1e40af;background:#dbeafe}.submitBtn{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 14px #2563eb4d}.submitBtnAdmin{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 6px 20px -3px #2563eb66}.submitBtnAdmin:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 10px 25px -4px #2563eb80}.submitBtnSuperAdmin{background:linear-gradient(135deg,#d97706 0%,#b45309 50%,#4338ca 100%);box-shadow:0 6px 20px -3px #d9770666}.submitBtnSuperAdmin:hover:not(:disabled){background:linear-gradient(135deg,#b45309 0%,#92400e 50%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 10px 25px -4px #d9770680}.submitBtnBorrower{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 6px 20px -3px #05966966}.submitBtnBorrower:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 10px 25px -4px #05966980}.submitBtnClient{background:linear-gradient(135deg,#0060aa 0%,#00457c 100%);box-shadow:0 6px 20px -3px #0060aa66}.submitBtnClient:hover:not(:disabled){background:linear-gradient(135deg,#0277bd 0%,#003763 100%);transform:translateY(-1px);box-shadow:0 10px 25px -4px #0060aa80}.submitBtn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinnerIcon{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.borrowerSwitchRow{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.785rem;display:flex}.borrowerSwitchBtn{color:#059669;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.borrowerSwitchBtn:hover{color:#047857}.loginFooter{text-align:center;border-top:1px solid #f1f5f9;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.securityBadge{color:#64748b;align-items:center;gap:.35rem;font-size:.725rem;font-weight:600;display:inline-flex}.securityDot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.backToHomeLink{color:#64748b;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s}.backToHomeLink:hover{color:#1d4ed8}@media (max-width:640px){.loginCard{border-radius:22px;padding:1.5rem}.loginTitle{font-size:1.35rem}.roleSelectorGrid{grid-template-columns:1fr 1fr}}