.sidebar{width:calc(12vw);height:calc(100vh - 65px);overflow-y:auto;position:fixed;top:0;margin-top:4rem;left:0;scrollbar-width:thin;scrollbar-color:transparent #1e1e1e}.sidebar:hover{scrollbar-color:#006b24 #1e1e1e}.sidebar::-webkit-scrollbar{width:10px}.sidebar::-webkit-scrollbar-track{background:#2d2d2d}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:6px;border:3px solid transparent;-webkit-transition:background .3s ease;transition:background .3s ease}.sidebar:hover::-webkit-scrollbar-thumb{background:#006b24}.sidebar::-webkit-scrollbar-thumb:hover{background:#3f6}.sidebar-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-link{display:flex;align-items:center;padding:.3rem;border-radius:.5rem;text-decoration:none;color:#fff;transition:background-color .3s ease,color .3s ease;font-size:1rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar-link:hover{background-color:#3f3f46}.sidebar-link.active{background-color:#52525b;font-weight:700;color:#e0e0e0}.sidebar-icon{margin-right:10px;font-size:1.4rem}.sidebar-divider{border:0;height:1px;background:#3d3d3d;margin:1rem 0}@media (max-width:1024px){.sidebar{width:100%;height:auto;position:relative;margin-top:0}.sidebar-content{flex-direction:row;overflow-x:auto;gap:1rem}.sidebar-link{flex:1;justify-content:center;padding:.7rem}.sidebar-icon{margin-right:0;font-size:1.25rem}.sidebar-link.active{background-color:#3f3f46}}