body {
  font-family: "Vazirmatn", sans-serif;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.bg {
  background-color: #217300;
}
.bg:hover {
  background-color: #266602;
}
.bg:active {
  background-color: #2b3600;
}
.auth-card {
  width: 100%;
  max-width: 480px;
  border-radius: 0.75rem;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
  border: none;
  overflow: hidden;
}
.auth-header {
  background-color: #217300;
  color: white;
  padding: 2rem 1rem 0.5rem 1rem;
}
.auth-header h4 {
  font-weight: 700;
}
.password-wrapper {
  position: relative;
}
.password-toggle-icon {
  position: absolute;
  top: 75%;
  left: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
  color: #6c757d;
  z-index: 100;
}
.password-wrapper .form-control {
  padding-left: 2.5rem;
}

        /* Custom theme colors */
        :root {
            --main-color: #217300;
            --main-hover: #266602;
            --main-active: rgb(3, 77, 0);
            --main-text: #ffffff;
        }

        /* Primary button styles */
        .btn-primary {
            background-color: var(--main-color);
            border-color: var(--main-color);
            color: var(--main-text);
        }

        .btn-primary:hover {
            background-color: var(--main-hover);
            border-color: var(--main-hover);
            color: var(--main-text);
        }

        .btn-primary:focus, 
        .btn-primary.focus {
            box-shadow: 0 0 0 0.2rem rgba(90, 115, 0, 0.5);
        }

        .btn-primary:not(:disabled):not(.disabled):active,
        .btn-primary:not(:disabled):not(.disabled).active,
        .show > .btn-primary.dropdown-toggle {
            background-color: var(--main-active);
            border-color: var(--main-active);
        }

        /* Secondary button styles (if needed) */
        .btn-secondary {
            background-color: #6c757d;
            border-color: #6c757d;
        }

        /* Outline buttons */
        .btn-outline-primary {
            color: var(--main-color);
            border-color: var(--main-color);
        }

        .btn-outline-primary:hover {
            background-color: var(--main-color);
            border-color: var(--main-color);
            color: var(--main-text);
        }

        /* Custom button variants */
        .btn-success {
            background-color: #217300;
            border-color: #217300;
        }

        .btn-success:hover {
            background-color: #266602;
            border-color: #266602;
        }