.sidebar-overlay{z-index:1040;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.mobile-sidebar{z-index:1050;background-color:#fff;flex-direction:column;width:300px;height:100%;transition:right .3s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-2px 0 10px #0000001a}.mobile-sidebar.open{right:0}.sidebar-header{background-color:#f8f9fa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.sidebar-close{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:color .2s;display:flex}.sidebar-close:hover{color:#000}.sidebar-content{flex:1;overflow-y:auto}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-item{border-bottom:1px solid #f0f0f0}.sidebar-link{color:#333;padding:15px 20px;font-size:16px;text-decoration:none;transition:all .2s;display:block}.sidebar-link:hover{color:#000;background-color:#f8f9fa}@media (min-width:992px){.sidebar-overlay,.mobile-sidebar{display:none!important}}@media (max-width:480px){.mobile-sidebar{width:280px}.sidebar-header{padding:15px}.sidebar-header h3{font-size:16px}.sidebar-close{width:25px;height:25px;font-size:20px}.sidebar-link{padding:12px 15px;font-size:15px}}