/* assets/css/style.css */
body {
    overflow-x: hidden;
    background-color: #f8f9fc;
}

/* Sidebar Wrapper */
#wrapper {
    display: flex;
    width: 100%;
}
#sidebar-wrapper {
    min-height: 100vh;
    width: 250px;
    transition: margin .25s ease-out;
    background-color: #212529;
}
#sidebar-wrapper .sidebar-heading {
    padding: 1.5rem 1.25rem;
    font-size: 1.25rem;
    color: white;
}
#sidebar-wrapper .list-group {
    width: 250px;
}
#sidebar-wrapper .list-group-item {
    border: none;
    padding: 15px 20px;
    font-size: 15px;
}
#sidebar-wrapper .list-group-item.active {
    background-color: #5e88fc !important;
    border-radius: 0 30px 30px 0;
    margin-right: 15px;
    width: auto;
    font-weight: bold;
}
#sidebar-wrapper .list-group-item:hover:not(.active) {
    background-color: rgba(255,255,255,0.1) !important;
    border-radius: 0 30px 30px 0;
    margin-right: 15px;
    width: auto;
}

/* Page Content */
#page-content-wrapper {
    min-width: 0;
    width: 100%;
    transition: width 0.25s ease-out;
}

/* Topbar */
.navbar {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Toggled State */
#wrapper.toggled #sidebar-wrapper {
    margin-left: -250px;
}

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

/* Colors and Utilities */
.text-primary { color: #5e88fc !important; }
.bg-primary { background-color: #5e88fc !important; }
.text-gray-900 { color: #3a3b45 !important; }
.text-gray-800 { color: #5a5c69 !important; }

.btn-primary {
    background-color: #5e88fc;
    border-color: #5e88fc;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #3f6ae0;
    border-color: #325cd6;
    color: #fff !important;
}

/* Cards */
.card {
    border-radius: 10px;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}
.border-left-primary { border-left: 0.25rem solid #5e88fc !important; }
.border-left-success { border-left: 0.25rem solid #1cc88a !important; }
.border-left-info { border-left: 0.25rem solid #36b9cc !important; }
.border-left-warning { border-left: 0.25rem solid #f6c23e !important; }