.sidebar{position:fixed;top:0;left:0;height:100vh;width:190px;background-color:#f8f9fa;border-right:1px solid #dee2e6;z-index:1040;overflow-y:auto;transform:translate(0);transition:transform .3s ease}.main-layout{margin-left:190px;padding:0;transition:margin-left .3s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main-layout{margin-left:0}}.sidebar-title{font-weight:700;margin-bottom:1rem}.sidebar .nav-link{color:#343a40;padding:.5rem 1rem}.sidebar .nav-link:hover{color:#0d6efd;background-color:#e9ecef;border-radius:.25rem}.sidebar .nav-link.active{font-weight:700;color:#0d6efd}.sidebar .collapse .nav-link{padding-left:2rem}@media (min-width: 769px){.navbar{margin-left:190px}}