.sidebar{width:260px;min-width:260px;height:100vh;background:#1e1e1e;color:#d4d4d4;display:flex;flex-direction:column}.sidebar-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #2a2d2e}.logo{font-weight:600;font-size:14px;color:#fff}.toggle-btn{background:transparent;border:none;color:#ccc;cursor:pointer;font-size:16px}.sidebar-menu{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:12px}.sidebar-menu>div{display:flex;flex-direction:column;gap:4px}.menu-title{font-size:10px;text-transform:uppercase;color:#9ca3af;margin-bottom:4px;padding-left:6px}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:13px;color:#d4d4d4;transition:all .2s ease}.menu-item:hover{background:#2a2d2e;color:#fff}.menu-item.active{background:#37373d;color:#fff;font-weight:500}.sidebar-collapsed{width:70px!important}.sidebar-collapsed .menu-title,.sidebar-collapsed span,.sidebar-collapsed #logoText{display:none}.sidebar-collapsed .menu-item{justify-content:center}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:6px}