body {
    font-family: "Poppins", "Segoe UI", Arial, sans-serif;
    background-color: #f5f7fb;
    min-height: 100vh;
}

.bg-gradient-primary {
    background: linear-gradient(120deg, #1d3557, #457b9d);
    color: #fff;
}

#wrapper {
    min-height: 100vh;
}

.sidebar {
    width: 240px;
    background-color: #0d1b2a;
}

.sidebar a {
    color: #cbd5f5;
    display: block;
    padding: 0.85rem 1.25rem;
}

.sidebar a.active,
.sidebar a:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

#page-content-wrapper {
    background-color: #f5f7fb;
}

.table thead {
    background-color: #e9f0ff;
}

.qr-wrapper img {
    max-width: 220px;
}

@media (max-width: 992px) {
    .sidebar {
        position: fixed;
        z-index: 1050;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .sidebar.show {
        transform: translateX(0);
    }

    #page-content-wrapper {
        flex: 1;
    }
}