.sidebar{width:280px;background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;z-index:1050;transition:none}
main{margin-left:280px;padding:20px;width:calc(100% - 280px);position:relative;top:0;z-index:auto}
@media (min-width:992px){.sidebar.collapsed{width:72px;overflow-x:visible;overflow-y:auto}main.sidebar-collapsed{margin-left:72px;width:calc(100% - 72px)}.sidebar.collapsed .nav-category,.sidebar.collapsed hr{display:none!important}.sidebar.collapsed .nav-link,.sidebar.collapsed .dropdown-item{justify-content:center;overflow:hidden;white-space:nowrap}.sidebar.collapsed .nav-link i,.sidebar.collapsed .dropdown-item i{margin-right:0!important}.sidebar.collapsed .dropdown-menu{margin-left:64px}.sidebar.collapsed .dropdown-toggle::after{display:none!important}.sidebar.collapsed .nav-link{font-size:0!important;padding-left:.75rem;padding-right:.75rem}.sidebar.collapsed .nav-link i{font-size:1.1rem}.sidebar.collapsed .dropdown-menu .dropdown-item{justify-content:flex-start;white-space:normal}.sidebar.collapsed .dropdown-menu .dropdown-item i{margin-right:.75rem!important}#sidebarCollapseDesktop{position:fixed;top:10px;left:292px;z-index:1025;border:none;background:rgba(255,255,255,.9);color:#5a2d91;border-radius:8px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.sidebar.collapsed ~ #sidebarCollapseDesktop,main.sidebar-collapsed ~ #sidebarCollapseDesktop{left:84px}}
.container-fluid{width:100%;padding:0}
@media (max-width:991.98px){#mobileMenuBtn{display:block!important}.sidebar{transform:translateX(-100%);z-index:1050;transition:transform .3s ease}.sidebar.show{transform:translateX(0)}main{margin-left:0;width:100%;padding:20px;position:relative;top:0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1040}.sidebar.show ~ .sidebar-overlay{display:block;left:280px}}
@media (min-width:992px){.mobile-menu-toggle{display:none!important}.sidebar-overlay{display:none!important}}
#sidebar-content{height:100%;overflow-y:auto;padding-bottom:20px}
.sidebar .nav-link{color:rgba(255,255,255,.9);padding:.75rem 1rem;font-weight:500;font-size:.9rem;text-decoration:none;transition:all .2s ease}
.sidebar .nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}
.sidebar .nav-link.active{color:#fff;background:rgba(255,255,255,.2);border-left:3px solid #0d6efd}
.sidebar .nav-link i{width:20px;text-align:center;margin-right:8px}
.sidebar .dropdown-menu,.sidebar .nav-item .dropdown-menu{border-radius:8px;margin:0;padding:.25rem 0;box-shadow:0 4px 15px rgba(0,0,0,.2);min-width:200px;border:none}
.sidebar .dropdown-item,.sidebar .nav-item .dropdown-item{text-decoration:none;border:none;font-size:.9rem}
.sidebar .dropdown-item i{width:20px;text-align:center;margin-right:8px}
.sidebar .dropdown-toggle::after{margin-left:.5rem;vertical-align:middle}
.sidebar .dropdown-divider{border-color:#495057!important;margin:.25rem 0!important}
.sidebar .dropdown-submenu{position:relative}
.sidebar .submenu-item{padding:.5rem 1rem .5rem 2rem!important;font-size:.9rem;color:rgba(255,255,255,.9)!important;background:transparent!important;border:none!important}
.sidebar .submenu-item:hover{background:#495057!important;color:#fff!important}
.sidebar .submenu-item i{width:16px;text-align:center;margin-right:.5rem}
.sidebar .dropdown-menu{background:linear-gradient(135deg,#5a2d91,#4c1f7a);border:1px solid #6f42c1;border-radius:6px;margin-top:4px;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.sidebar .dropdown-item{color:rgba(255,255,255,.9);padding:10px 16px;transition:all .2s ease}
.sidebar .dropdown-item:hover{background:rgba(255,255,255,.1);color:#fff;border-left:3px solid #fff}
.sidebar .dropdown-submenu .submenu-arrow{float:right;margin-top:2px;transition:transform .3s ease}
.sidebar .dropdown-submenu[aria-expanded="true"] .submenu-arrow{transform:rotate(90deg)}
.sidebar .submenu-collapse{background:linear-gradient(135deg,#4c1f7a,#3a1959);border-left:3px solid #6f42c1;margin-left:12px;border-radius:4px;overflow:hidden;transition:all .3s ease}
.sidebar .submenu-collapse:not(.show){max-height:0;opacity:0}
.sidebar .submenu-collapse.show{max-height:500px;opacity:1}
.sidebar .submenu-item{color:rgba(255,255,255,.8);padding:8px 16px;font-size:.9em;transition:all .2s ease}
.sidebar .submenu-item:hover{background:rgba(111,66,193,.4);color:#fff;border-left:2px solid #fff}
.sidebar .nav-category{color:rgba(255,255,255,.6);font-size:.8em;font-weight:600;text-transform:uppercase;padding:1rem 1rem .5rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.1)}
.mobile-menu-toggle{position:fixed;top:10px;left:10px;z-index:1070;background:#6f42c1;border:none;color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px rgba(111,66,193,.4);transition:all .3s ease;display:none}
.mobile-menu-toggle:hover{background:#5a2d91;transform:translateY(-1px);box-shadow:0 4px 12px rgba(111,66,193,.5)}
.mobile-menu-toggle:focus{outline:none;box-shadow:0 0 0 3px rgba(111,66,193,.3)}
@media (max-width:991.98px){body{padding-top:20px!important;margin-top:0!important;overflow-x:hidden}.mobile-menu-toggle{display:block!important}.sidebar{transform:translateX(-100%);z-index:1050;transition:transform .3s ease;position:fixed;top:0;left:0;height:100vh;width:280px}.sidebar.show{transform:translateX(0)}main{margin-left:0!important;width:100%!important;padding-top:20px!important;min-height:calc(100vh - 20px)!important;position:relative!important}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1040;display:none;opacity:0;transition:opacity .3s ease}.sidebar.show ~ .sidebar-overlay{display:block;opacity:1;left:280px}}
@media (min-width:992px){.mobile-menu-toggle{display:none!important}.sidebar-overlay{display:none!important}}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}
.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f093fb,#f5576c);border-radius:3px;transition:all .3s ease}
.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f5576c,#f093fb);transform:scaleX(1.5)}
.sidebar-flyout-portal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1060;pointer-events:none}
.sidebar .dropdown-menu,.sidebar-flyout-portal .dropdown-menu{background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 50%,#6d28d9 100%);border:1px solid rgba(139,92,246,.3);border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.4),0 4px 12px rgba(76,29,149,.3),inset 0 1px 0 rgba(255,255,255,.1);padding:.5rem 0;margin-top:.25rem;min-width:220px;z-index:1040;pointer-events:auto;max-height:calc(100vh - 2rem);overflow-y:auto}
.sidebar .dropdown-item,.sidebar-flyout-portal .dropdown-item{color:rgba(255,255,255,.9);padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;border:none;background:transparent;transition:all .2s ease;position:relative;display:flex;align-items:center;pointer-events:auto}
.sidebar .dropdown-item:hover,.sidebar-flyout-portal .dropdown-item:hover,.sidebar .dropdown-item:focus,.sidebar-flyout-portal .dropdown-item:focus{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(124,58,237,.4));color:#fff;transform:translateX(3px)}
.sidebar .dropdown-item:active{background:linear-gradient(135deg,rgba(139,92,246,.5),rgba(124,58,237,.5));transform:translateX(2px)}
.sidebar .dropdown-item i{color:#a78bfa;margin-right:.75rem;width:16px;text-align:center;transition:all .2s ease}
.sidebar .dropdown-item:hover i{color:#fff;transform:scale(1.05)}
.sidebar .dropdown-divider{border-color:rgba(139,92,246,.3);margin:.5rem 0}
.sidebar .dropdown-submenu>.dropdown-menu,.sidebar-flyout-portal .dropdown-submenu>.dropdown-menu{position:absolute;top:0;left:100%;margin-top:0;margin-left:.125rem;display:block!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-10px);transition:all .2s ease;z-index:1040}
.sidebar .dropdown-submenu:hover>.dropdown-menu,.sidebar .dropdown-submenu.show>.dropdown-menu,.sidebar-flyout-portal .dropdown-submenu:hover>.dropdown-menu,.sidebar-flyout-portal .dropdown-submenu.show>.dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.sidebar .dropdown-submenu>.dropdown-item{position:relative;padding-right:2.5rem}
.sidebar .dropdown-submenu>.dropdown-item::after{content:"\f054";font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.6);font-size:.8rem;transition:all .2s ease}
.sidebar .dropdown-submenu:hover>.dropdown-item::after{color:#fff;transform:translateY(-50%) translateX(2px)}
.sidebar .dropdown-submenu .dropdown-menu{border-left:2px solid rgba(139,92,246,.5)}
.sidebar .submenu-collapse{background:linear-gradient(135deg,#4c1d95 0%,#6d28d9 100%);border-radius:.375rem;margin:.25rem 0;padding:.5rem 0;border:1px solid rgba(139,92,246,.3);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:all .2s ease;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px)}
.sidebar .submenu-collapse.show{max-height:500px;opacity:1;transform:translateY(0)}
.sidebar .submenu-item{color:rgba(255,255,255,.9)!important;padding:.5rem 1.5rem!important;font-size:.875rem;border-radius:.25rem;margin:.125rem .5rem;transition:all .2s ease;text-decoration:none;display:flex;align-items:center}
.sidebar .submenu-item:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;transform:none;box-shadow:0 2px 4px rgba(0,0,0,.1)}
.sidebar .submenu-item i{color:rgba(139,92,246,.8);transition:color .2s ease}
.sidebar .submenu-item:hover i{color:rgba(167,139,250,1)}
.sidebar .dropdown-item.dropdown-toggle .submenu-arrow{transition:transform .2s ease;margin-left:auto;font-size:.75rem;color:rgba(255,255,255,.6)}
.sidebar .dropdown-item.dropdown-toggle.expanded .submenu-arrow,.sidebar .dropdown-item.dropdown-toggle[aria-expanded="true"] .submenu-arrow{transform:rotate(90deg);color:rgba(167,139,250,1)}
.sidebar .dropdown-item.dropdown-toggle:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.sidebar .dropdown-item.dropdown-toggle:hover .submenu-arrow{color:rgba(167,139,250,1)}
.sidebar .dropdown-toggle::after{color:rgba(255,255,255,.8);transition:all .3s ease}
.sidebar .dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg);color:#a78bfa}
.sidebar .dropdown-menu{transition:all .2s ease;opacity:0;transform:translateY(-5px);display:none;visibility:hidden;pointer-events:none}
.sidebar .dropdown-menu.show{opacity:1;transform:translateY(0);display:block;visibility:visible;pointer-events:auto}
.sidebar .dropdown.show .dropdown-menu,.sidebar .dropdown-submenu:hover>.dropdown-menu,.sidebar .dropdown-submenu.show>.dropdown-menu{opacity:1;transform:translateY(0);display:block;visibility:visible;pointer-events:auto}
/* Dropup support for sidebar dropdowns */
.sidebar .nav-item.dropup > .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.25rem}
.sidebar .submenu-collapse,.sidebar-flyout-portal .submenu-collapse{position:static!important;transform:none!important}
.sidebar .submenu-collapse.show,.sidebar-flyout-portal .submenu-collapse.show{display:block!important;visibility:visible!important;opacity:1!important;max-height:500px!important}
.sidebar .submenu-collapse:not(.show),.sidebar-flyout-portal .submenu-collapse:not(.show){display:none!important;visibility:hidden!important;opacity:0!important;max-height:0!important}
/* Sidebar brand (logo + text) */
.sidebar .sidebar-brand{padding:12px 16px}
.sidebar .sidebar-brand-link{display:inline-flex;align-items:center;max-width:100%;overflow:hidden}
.sidebar .brand-icon{height:32px;width:32px;flex:0 0 32px}
.sidebar .brand-text{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:992px){.sidebar.collapsed .sidebar-brand-link{justify-content:center}.sidebar.collapsed .brand-text{display:none!important}.sidebar.collapsed .brand-icon{margin-right:0!important}}