/* admin/static/css/style.css */
/* Sidebar styling */
#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #343a40;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    color: #fff;
    text-decoration: none;
}

#sidebar ul li a:hover {
    color: #343a40;
    background: #fff;
}

#sidebar ul li.active > a {
    color: #fff;
    background: #007bff;
}

.wrapper {
    display: flex;
    width: 100%;
}

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
}

/* Card styling */
.border-left-primary {
    border-left: 4px solid #4e73df;
}

.border-left-success {
    border-left: 4px solid #1cc88a;
}

.border-left-info {
    border-left: 4px solid #36b9cc;
}

.border-left-warning {
    border-left: 4px solid #f6c23e;
}

.border-left-danger {
    border-left: 4px solid #e74a3b;
}

/* Responsive sidebar */
@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

/* Other custom styles */
.chart-area, .chart-pie {
    position: relative;
    height: 20rem;
}

@media (max-width: 768px) {
    .chart-area, .chart-pie {
        height: 15rem;
    }
}