.sidebar{width:220px;min-height:100vh;background-color:#343a40;position:fixed;top:0;left:0;overflow-y:auto;transition:left .3s ease;z-index:1040}#app{margin-left:220px;transition:margin-left .3s ease}.sidebar .nav-link{color:#fff;padding:12px 20px;display:block;transition:background-color .3s ease}.sidebar .nav-link:hover{background-color:#495057;text-decoration:none}.sidebar .nav-link.active{background-color:#495057;font-weight:700}.content-wrapper{padding:20px 40px;transition:padding-left .3s ease}@media (max-width: 992px){.sidebar{width:250px;height:100vh;left:-250px;position:fixed;top:0;box-shadow:2px 0 5px #0000001a;transition:left .3s ease;z-index:1100}body.login-page #sidebarToggle{display:none!important}.sidebar.active{left:0}#app{margin-left:0;transition:margin-left .3s ease}body.sidebar-open #app{margin-left:0}.content-wrapper{padding:20px;margin-left:0}#sidebarToggle{position:fixed;top:10px;left:10px;z-index:1110;background-color:#0d6efd;border:none;color:#fff;padding:8px 12px;border-radius:4px;box-shadow:0 2px 6px #0003;cursor:pointer;transition:background-color .3s ease}#sidebarToggle:hover{background-color:#084298}}@media (max-width: 576px){.sidebar{width:250px;left:-250px}.sidebar.active{left:0}.content-wrapper{padding:15px;margin-left:0}body.sidebar-open .content-wrapper{margin-left:0}#sidebarToggle{position:fixed;top:10px;left:10px;z-index:1110;background-color:#0d6efd;border:none;color:#fff;padding:8px 12px;border-radius:4px;box-shadow:0 2px 6px #0003;cursor:pointer;transition:background-color .3s ease}#sidebarToggle:hover{background-color:#084298}}