body {
    font-family: Arial, sans-serif;
    background-color: #e6f5ee;

    /* Use local bg.jpg */
    background-image:
        linear-gradient(rgba(120, 180, 150, 0.32), rgba(120, 180, 150, 0.32)),
        url('../../assets/images/bg.jpg');

    background-repeat: repeat;
    background-size: 220px 220px;
    background-position: center top;
    background-blend-mode: lighten;
}


/* body {
    font-family: Arial, sans-serif;
    background-color: #e6f5ee;
    background-image:
        linear-gradient(rgba(120, 180, 150, 0.32), rgba(120, 180, 150, 0.32)),
        url('https://t3.ftcdn.net/jpg/05/12/50/54/360_F_512505444_Il8PIFecfju0Ytaf7Li1GoLCFJEztfwp.jpg');
    background-repeat: repeat;
    background-size: 220px 220px;
    background-position: center top;
    background-blend-mode: lighten;
} */


/* ============================
   Navbar Styling
============================ */
.navbar {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 0.5rem 1rem;
}

.navbar-brand {
    font-weight: 700;
    font-size: 1.25rem;
    color: #fff !important;
}

.navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 500;
    margin-right: 0.5rem;
    transition: all 0.2s;
}

.navbar-nav .nav-link:hover {
    color: #ffc107 !important;
    background-color: rgba(255,255,255,0.1);
    border-radius: 5px;
}

.navbar-nav .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.dropdown-item {
    transition: all 0.2s;
}

.dropdown-item:hover {
    background-color: #0d6efd;
    color: #fff !important;
}

/* Button-like logout */
.navbar-nav .nav-item .btn {
    padding: 4px 12px;
    font-size: 0.9rem;
}

/* Responsive tweaks */
@media (max-width: 991px) {
    .navbar-nav .nav-item {
        margin-bottom: 0.5rem;
    }
}