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