.sidebar{box-sizing:border-box;scrollbar-width:none;z-index:100;background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:18vw;min-height:100vh;margin:0;padding:1vh 1vw;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar.collapsed{width:80px;padding:1vh 8px}.sidebar-toggle{cursor:pointer;z-index:1001;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex;position:fixed;top:20px;left:calc(18vw - 15px);box-shadow:0 2px 8px #00000026}.sidebar.collapsed .sidebar-toggle{left:65px}.sidebar-toggle:hover{color:#3417fd;background:#f9fafb;border-color:#3417fd;box-shadow:0 4px 12px #0003}.logoContainer{box-sizing:border-box;align-self:center;width:15vw;height:5vw;margin-bottom:5vh;transition:all .3s;position:relative}.sidebar.collapsed .logoContainer{opacity:0;visibility:hidden;width:40px;height:40px;margin-bottom:3vh}.logo{object-fit:contain}.nav{margin-bottom:20px}.navHeading{color:#6c7c7b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-left:12px;font-size:12px;font-weight:600}.menuList{margin:0;padding:0;list-style:none}.menuItem{color:#000;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.sidebar.collapsed .menuItem{justify-content:center;gap:0;padding:12px 8px}.menuItem:hover{color:#3417fd;background-color:#f9fafb}.menuItem.active{color:#3417fd;background-color:#3417fd14}.menuIcon{color:currentColor;margin-right:5px}.menuLabel{color:currentColor;flex:1;font-size:16px;font-weight:500;transition:opacity .3s}.sidebar.collapsed .menuLabel{opacity:0;width:0;overflow:hidden}.frameworksSection{border-top:1px solid #e5e7eb;margin-bottom:auto;padding-top:24px}.frameworksHeading{color:#6c7c7b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;padding-left:12px;font-size:12px;font-weight:600}.frameworksGrid{grid-template-columns:1fr;gap:8px;display:grid}.frameworkItem{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.frameworkItem:hover{color:#3417fd;background-color:#f9fafb}.frameworkIcon{color:#3417fd}.frameworkName{flex:1}.bottomMenu{border-top:1px solid #e5e7eb;padding-top:24px}.bottomMenuItem{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:12px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.bottomMenuItem:hover{color:#3417fd}.bottomMenuIcon{color:currentColor}.bottomMenuLabel{flex:1}