.sb-toggle-btn {background: none;border: none;color: white;font-size: 24px;cursor: pointer; background-color: #0433ff; padding: 8px 20px; border-radius: 50%; z-index: 999999999;}

/* User Profile */
.sb-user-panel {padding: 20px;border-bottom: 1px solid #384850;display: flex;align-items: center;transition: all 0.3s ease;overflow: hidden}
.sb-profile-pic {width: 45px;height: 45px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 20px;font-weight: bold;margin-right: 15px;flex-shrink: 0}
.sb-user-info {flex: 1;transition: all 0.3s ease}
.sb-user-name {font-weight: 600;color: white;margin-bottom: 3px;white-space: nowrap}
.sb-user-role {font-size: 13px;color: #b8c7ce;margin-bottom: 5px}
.sb-user-status {display: flex;align-items: center;font-size: 12px;color: #f0283b}
.sb-status-dot {width: 8px;height: 8px;background: #f0283b;border-radius: 50%;margin-right: 5px}

/* Sidebar Styles */
.sb-sidebar {position: fixed;top: 55px;left: 0;width: 250px;height: calc(100vh - 50px)!important;background: #2c3b41;color: #b8c7ce;overflow-y: auto;transition: all 0.3s ease;z-index: 900; border-radius: 0px}
.sb-sidebar-menu {padding: 10px 0}

.sb-menu-title {padding: 15px 20px 5px;text-transform: uppercase;font-size: 12px;font-weight: 600;color: #4b646f;margin-top: 5px;transition: all 0.3s ease}
.sb-menu-item {padding: 12px 20px;display: flex;align-items: center;cursor: pointer;transition: all 0.3s ease;position: relative}
.sb-menu-item:hover {background: #1e282c;color: white}
.sb-menu-item.sb-active {background: #1a2226;border-left: 3px solid #f0283b}
.sb-menu-item img {margin-right: 15px;width: 20px; height: 20px; text-align: center;transition: all 0.3s ease}
.sb-menu-item-label {flex: 1;transition: all 0.3s ease;color: #fff;}
.sb-menu-item-label span{color: #fff;}
.sb-menu-item-label a{color: #fff;}
.sb-menu-item-label a:hover{color: #f0283b;}
.sb-menu-caret {transition: all 0.3s ease}
.sb-menu-sub {padding-left: 20px;background: #1e282c;display: none;transition: all 0.3s ease;}
.sb-menu-sub.sb-active {display: block}
.sb-menu-sub .sb-menu-item {padding-left: 12px}
.sb-menu-sub .sb-menu-item a {color: #fff;}

.sb-menu-sub .sb-menu-item:hover a {color: #f0283b}
.sb-menu-sub .sb-menu-item:hover img {filter: invert(42%) sepia(98%) saturate(3070%) hue-rotate(360deg) brightness(103%) contrast(91%)}

/* Main Content */
.sb-main-content {margin-top: 60px;margin-left: 250px;padding: 20px 20px 0 20px;min-height: calc(100vh - 40px);overflow: auto; transition: all 0.3s ease;}
.sb-content-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px}
.sb-breadcrumb {font-size: 14px;color: #777}
.sb-breadcrumb a {color: #0433ff;text-decoration: none}

.sb-main-content footer{margin: 12px -20px 0 -20px; background-color: red;}

/* Collapsed Sidebar Styles
.sb-sidebar.sb-collapsed {width: 0px}
.sb-main-content.sb-collapsed {margin-left: 0px}
*/

.sb-sidebar.sb-collapsed {width: 70px!important}
.sb-sidebar.sb-collapsed .sb-user-info, .sb-sidebar.sb-collapsed .sb-menu-title, .sb-sidebar.sb-collapsed .sb-menu-item-label, .sb-sidebar.sb-collapsed .sb-menu-caret, .sb-sidebar.sb-collapsed .sb-menu-sub {display: none}
.sb-sidebar.sb-collapsed .sb-user-panel {padding: 20px 10px;justify-content: center}
.sb-sidebar.sb-collapsed .sb-profile-pic {margin-right: 4px}
.sb-sidebar.sb-collapsed .sb-menu-item {padding: 15px 0;justify-content: center}
.sb-sidebar.sb-collapsed .sb-menu-item img {margin-right: 0;height: 18px; width: 18px;}
.sb-main-content.sb-collapsed {margin-left: 70px}

/* Responsive Styles */
@media (max-width: 992px) {
  .sb-sidebar {transform: translateX(-100%)}
  .sb-sidebar.sb-active {transform: translateX(0)}
  .sb-main-content {margin-left: 0}
  .sb-toggle-btn {display: block}
  .sb-collapse-btn {display: none}
}

@media (max-width: 576px) {
  .sb-dashboard {grid-template-columns: 1fr}
}