body.bg-primary {
        background: linear-gradient(135deg, #2563eb, #1d4ed8, #3b82f6);
        min-height: 100vh;
        overflow: hidden;
        position: relative;
      }

      body::before,
      body::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        filter: blur(90px);
        opacity: .25;
      }

      body::before {
        width: 320px;
        height: 320px;
        background: #fff;
        top: -120px;
        left: -80px;
      }

      body::after {
        width: 350px;
        height: 350px;
        background: #38bdf8;
        bottom: -150px;
        right: -100px;
      }

      .login-card {
        border-radius: 24px;
        background: rgba(255, 255, 255, .95);
        backdrop-filter: blur(20px);
        box-shadow: 0 30px 60px rgba(0, 0, 0, .18);
      }

      .form-control {
        border-radius: 14px;
        height: 58px;
        border: 1px solid #dbe3ef;
      }

      .form-control:focus {
        border-color: #2563eb;
        box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .15);
      }

      .logoptext {
        font-size: 40px;
        font-weight: bold;
      }

      .login-header {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 22px 30px;
      }

      .login-header img {
        width: 64px;
        height: 64px;
        object-fit: contain;
        flex-shrink: 0;
      }

      .header-title{
        font-size:42px;
        font-weight:800;
        letter-spacing:.5px;
        line-height:1;
        font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
        background:linear-gradient(90deg,#2563EB 0%,#0EA5E9 45%,#10B981 100%);
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
        background-clip:text;
        color:transparent;
      }

      .input-group .form-control {
        border-radius: 14px 0 0 14px;
      }

      .input-group .btn {
        border-radius: 0 14px 14px 0;
        border-color: #dbe3ef;
        width: 58px;
      }

      .input-group .btn:hover {
        color: gray;
        background: #f8fafc;
      }

      .input-group .btn:focus {
        box-shadow: none;
      }

      .fingerprint-login {
        width: 58px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        border-radius: 50%;
        color: #64748b;
        background: #f8fafc;
        border: 1px solid #dbe3ef;
        transition: all .25s ease;
        position: relative;
        overflow: hidden;
      }

      .fingerprint-login i {
        font-size: 30px;
        transition: all .25s ease;
      }

      .fingerprint-login:hover {
        color: #2563eb;
        background: #eff6ff;
        transform: translateY(-2px);
        box-shadow:
          0 8px 20px rgba(37, 99, 235, .18);
      }

      .fingerprint-login:hover i {
        transform: scale(1.12);
      }

      .fingerprint-login:active {
        transform: scale(.94);
      }

      .fingerprint-login:focus {
        outline: none;
        color: #2563eb;
      }

      @keyframes fingerprintPulse {
        0% {
          box-shadow: 0 0 0 0 rgba(37, 99, 235, .35);
        }

        70% {
          box-shadow: 0 0 0 12px rgba(37, 99, 235, 0);
        }

        100% {
          box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
        }
      }

      .fingerprint-login:hover {
        animation: fingerprintPulse 1.5s infinite;
      }
      
      .blogin_form {
          display: none;
      }
      
      .erp-spinner{ animation:erpSpin .8s linear infinite; } @keyframes erpSpin{ 100% { transform:rotate(360deg); } }