body.login-body {
    font-family: 'Inter', sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}

.custom-input-light {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1e293b;
    padding: 12px 14px;
    border-radius: 8px;
}

.custom-input-light:focus {
    background-color: #f8fafc;
    border-color: #2563eb;
    color: #1e293b;
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.15);
}

.right-banner-bg {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
}

.preview-img-container img {
    transition: transform 0.3s ease;
}

.preview-img-container img:hover {
    transform: translateY(-5px);
}

@media (max-width: 991.98px) {
    .right-banner-bg {
        display: none !important;
    }
}

/* Dashboard Base Styles */
body.dashboard-body {
    background-color: #f8fafc;
    font-family: 'Inter', sans-serif;
}

#sidebar {
    background-color: #ffffff;
    min-height: 100vh;
    border-right: 1px solid #e2e8f0;
}

#sidebar .nav-link:hover, 
#sidebar .nav-link.active {
    background-color: #eff6ff;
    color: #2563eb !important;
}
/* উদাহরণস্বরূপ মোবাইল ভিউয়ের জন্য সাইডবারের সিএসএস (যদি প্রয়োজন হয়) */
@media (max-width: 767.98px) {
    .sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 260px;
        height: 100vh;
        z-index: 1050;
        background-color: #ffffff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
}

/* Mobile Header Fixes for all pages */
@media (max-width: 767.98px) {
    /* টপবারের মূল কন্টেইনার এবং গ্যাপ ঠিক করা */
    main .border-bottom.d-flex {
        flex-wrap: nowrap !important;
        gap: 8px !important;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* পেজের টাইটেল সাইজ একটু ছোট করা যাতে মোবাইলে সহজে ধরে যায় */
    main .border-bottom.d-flex h4 {
        font-size: 1.1rem !important;
        white-space: nowrap;
    }

    /* ডান পাশের বাটন বা ড্রপডাউনের সাইজ ও প্যাডিং অ্যাডজাস্ট করা */
    main .border-bottom.d-flex .btn,
    main .border-bottom.d-flex .dropdown {
        font-size: 12px !important;
        padding: 6px 12px !important;
        flex-shrink: 0;
    }

    /* প্রজেক্ট পেজের ফিল্টার সেকশন ফিক্স */
    .row.g-3.mb-4 {
        margin-bottom: 1rem !important;
    }
}