body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

.form-control {
    border-radius: 4px !important;
    transition: all 0.2s ease;
    padding-left: 2.5rem !important;
}

    .form-control:focus {
        border-color: #8b5cf6 !important;
        box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.1) !important;
        background-color: white;
    }

    .form-control.is-invalid {
        border-color: #ef4444 !important;
        box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1) !important;
    }

.btn {
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

    .btn:hover:not(:disabled) {
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(139, 92, 246, 0.3);
        background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    }

    .btn:disabled {
        opacity: 0.7;
        cursor: not-allowed;
    }

.login-form {
    animation: fadeIn 0.4s ease;
}

/* Fix for icon positioning */
.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.top-50 {
    top: 50%;
}

.start-0 {
    left: 0;
}

.translate-middle-y {
    transform: translateY(-50%);
}

.ms-3 {
    margin-left: 1rem;
}

.ps-5 {
    padding-left: 3rem !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .col-lg-6 {
        min-height: 50vh !important;
    }
}

/* Ensure labels are properly styled */
.form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: #4b5563;
    font-size: 13px;
}