body{background:#f5f7fa}.sidebar{background:#fff;min-height:calc(100vh - 56px);border-right:1px solid #e5e7eb}.sidebar a{display:block;padding:.65rem .75rem;color:#263238;text-decoration:none;border-radius:.45rem}.sidebar a:hover{background:#eef2f7}.module-card{color:inherit;transition:.15s}.module-card:hover{transform:translateY(-2px);box-shadow:0 .3rem 1rem rgba(0,0,0,.08)}@media(max-width:991px){.sidebar{min-height:auto;border-right:0;border-bottom:1px solid #ddd;display:flex;gap:.25rem;overflow:auto}.sidebar a{white-space:nowrap}.sidebar hr{display:none}}


/* Navigation mobile */
.app-navbar{min-height:56px}
.mobile-menu-toggle{width:42px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;padding:0}
.app-user-zone{flex:0 0 auto}
.mobile-sidebar{width:min(88vw,340px)}
.mobile-sidebar .offcanvas-header{background:#fff}
.mobile-sidebar .offcanvas-body{background:#f8f9fa;overflow:hidden}
.mobile-sidebar-nav{min-height:0!important;border:0!important;border-bottom:0!important;display:block!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.mobile-sidebar-nav>a,
.mobile-sidebar-nav details a{min-height:44px;display:flex!important;align-items:center;padding:.68rem .78rem!important;margin:.15rem 0!important;border-radius:.65rem!important;white-space:normal!important}
.mobile-sidebar-nav summary{min-height:46px;padding:.7rem .78rem!important;border-radius:.65rem!important}
.mobile-sidebar-nav .submenu{padding:.2rem .25rem .55rem .8rem!important}
.mobile-sidebar-nav .menu-separator{margin:.7rem 0!important}
.mobile-sidebar-nav .menu-label{padding:.35rem .75rem!important}
.mobile-sidebar-footer{background:#fff}
@media(max-width:767.98px){
  .navbar-brand{font-size:.95rem;max-width:calc(100vw - 112px)}
  .app-user-zone .dropdown-menu{position:fixed!important;top:58px!important;right:8px!important;left:auto!important;width:calc(100vw - 16px)!important;max-width:390px!important;transform:none!important}
  main.col-lg-10{padding:.85rem!important}
}
@media(min-width:992px){
  .mobile-sidebar{display:none!important}
}