body {
    background-color: #f0f4f8;
    height: 100vh;
    overflow: hidden;
}

.sidebar {
    width: 250px;
    background-color: #2f4f2f;
    color: #fff;
    padding: 20px;
    height: 100vh;
}

    .sidebar .nav-link {
        color: #fff;
        margin: 10px 0;
    }

        .sidebar .nav-link:hover {
            background-color: #3f5f3f;
            border-radius: 5px;
        }

    .sidebar .logo img {
        max-width: 100%;
        height: auto;
    }

.logout-btn {
    background-color: #dc3545;
    color: #fff;
    border: none;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-top: auto;
}

.topbar {
    padding: 10px 20px;
    background-color: transparent;
}

    .topbar input {
        width: 50%;
    }

.card-section {
    padding: 20px;
}

.info-panel {
    background-color: #f8d7da;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    overflow-y: auto;
}

    .info-panel h5 {
        color: red;
    }

    .info-panel a {
        text-decoration: none;
    }

@media (min-width: 1200px) {
    .modal-xxl {
        --bs-modal-width: 1600px !important;
    }
}