body {
    margin: 0;
    background: #f4f6f9;
}

.wrapper {
    display: flex;
}

#sidebar {
    width: 250px;
    min-height: 100vh;
    background: #343a40;
}

.sidebar-header {
    background: #0d6efd;
    color: white;
    text-align: center;
    padding: 18px;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #sidebar ul li a {
        color: white;
        display: block;
        padding: 15px;
        text-decoration: none;
    }

        #sidebar ul li a:hover {
            background: #0d6efd;
        }

        #sidebar ul li a i {
            width: 25px;
        }

#content {
    width: calc(100% - 250px);
}

.card-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 6px #ccc;
}
