.sidebar{position:fixed;top:0;left:0;height:100%;width:5%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-moz-columns:rgb(0,0,0);columns:rgb(0,0,0);box-shadow:0 4px 12px #0003;transition:width .3s ease-in-out;display:flex;flex-direction:column;align-items:center;z-index:1000}.sidebar.hovered{width:15%}.sidebar-content{display:flex;flex-direction:column;width:100%}.menu-item{display:flex;align-items:center;padding:6px 20px;text-decoration:none;color:#000c;font-size:18px;font-weight:500;transition:all .3s ease;margin-bottom:15px;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.menu-item i{font-size:24px;margin-right:10px;transition:transform .3s ease}.menu-text{opacity:0;transform:translate(-20px);transition:all .3s ease}.sidebar.hovered .menu-text{opacity:1;transform:translate(0)}.menu-item.active{background:#fff3;color:#00fcac}.menu-item:hover{background:#ffffff4d;transform:translate(5px);color:#00fcac}.sidebar.hovered .menu-item:hover i{transform:rotate(20deg)}.mobile-navbar{display:none;width:100%;background:#00000024;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px;position:fixed;top:0;z-index:1001;transition:background .3s ease}.mobile-menu-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;transition:transform .3s ease}.mobile-menu-button:hover{transform:scale(1.1)}.offcanvas{background:#ffffff5b!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #0003}.offcanvas-header{background:#ffffff30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.offcanvas-body{padding:20px}.mobile-menu-item{font-size:18px;padding:12px;color:#000c;transition:all .3s ease;border-radius:10px}.mobile-menu-item:hover,.mobile-menu-item.active{background:#00fcac90;color:#000}@media (max-width: 991px){.sidebar{display:none}.mobile-navbar{display:flex;justify-content:flex-end;align-items:center}}